mimir-ui-kit 1.14.0 → 1.14.2

package/dist/components/Tag/index.js

@@ -1,8 +1,7 @@
-import { Steps } from "./Tag.js";
-import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./constants.js";
+import { Tag } from "./Tag.js";
+import { ETagSize, ETagType } from "./constants.js";
 export {
-  EStepsPrimaryColor,
-  EStepsSecondaryColor,
-  EStepsSize,
-  Steps
+  ETagSize,
+  ETagType,
+  Tag
 };

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

@@ -1,6 +0,0 @@
-import { EStepsSize } from './constants';
-
-export type TSize = `${EStepsSize}` | EStepsSize;
-export type TCommonStepsProps = {
-    size?: TSize;
-};

package/dist/components/Timer/Timer.d.ts

@@ -0,0 +1,24 @@
+type TProps = {
+    /**
+     *  число, которое представляет собой временную метку, указывающую время, когда истекает таймер.
+     * const timer = new Date().getTime() + 60000; => таймер на 1 минуту
+     */
+    expiryTimestamp: number;
+    /**
+     * необязательное свойство типа boolean, которое указывает, должен ли таймер начинаться автоматически при создании компонента.
+     */
+    autoStart?: boolean;
+    /**
+     * необязательная функция, которая вызывается, когда таймер истекает.
+     */
+    onTimerEnd?: () => void;
+    /**
+     * Дополнительный класс.
+     */
+    className?: string;
+};
+/**
+ *  Компонент Timer отображает таймер с отсчетом времени в минутах и секундах.
+ */
+export declare const Timer: ({ expiryTimestamp, autoStart, onTimerEnd, className }: TProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Timer/Timer.js

@@ -0,0 +1,29 @@
+import { jsxs } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { useTimer } from "../../hooks/useTimer/index.js";
+import '../../assets/Timer.css';const timer = "_timer_llwad_3";
+const cls = {
+  timer
+};
+const Timer = ({
+  expiryTimestamp,
+  autoStart = false,
+  onTimerEnd,
+  className
+}) => {
+  const { minutes, seconds } = useTimer({
+    expiryTimestamp,
+    onExpire: onTimerEnd,
+    autoStart
+  });
+  const formattedMinutes = String(minutes).padStart(2, "0");
+  const formattedSeconds = String(seconds).padStart(2, "0");
+  return /* @__PURE__ */ jsxs("div", { className: classNames(cls.timer, className), children: [
+    formattedMinutes,
+    ":",
+    formattedSeconds
+  ] });
+};
+export {
+  Timer
+};

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

@@ -0,0 +1 @@
+export { Timer } from './Timer';

package/dist/components/Timer/index.js

@@ -0,0 +1,4 @@
+import { Timer } from "./Timer.js";
+export {
+  Timer
+};

package/dist/components/Uploader/Uploader.d.ts

@@ -0,0 +1,30 @@
+import { imageTypesArr } from './constants';
+
+export type TUploader = {
+    /**
+     * Массив разрешенных типов файлов для настройки валидации
+     * 'jpeg' | 'png' | 'tiff'|'gif'|'doc'|'xls'|'pdf'|'docx' |'txt' | 'xlsx'
+     */
+    filesType: imageTypesArr[];
+    /**
+     * Наименование передаваемого массива файлов
+     */
+    name: string;
+    /**
+     * Функция - callback, которая вызывается при изменении значения и передает имя и новое значение
+     */
+    onChangeValue: (e: TUploadValue) => void;
+    /**
+     * Максимальный размер файлов.
+     */
+    maxSize: number;
+};
+export type TUploadValue = {
+    value: TFileItem[];
+    name?: string;
+};
+export type TFileItem = {
+    id: number;
+    file: File;
+};
+export declare function Uploader({ filesType, onChangeValue, name, maxSize }: TUploader): import("react/jsx-runtime").JSX.Element;

package/dist/components/Uploader/Uploader.js

@@ -0,0 +1,90 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId, useRef } from "react";
+import { Icon } from "../../icons/Icon.js";
+import { Button } from "../Button/Button.js";
+import '../../assets/Uploader.css';const cls = {
+  "upload-file__wrapper": "_upload-file__wrapper_165vi_2",
+  "upload-text": "_upload-text_165vi_25",
+  "upload-file-input": "_upload-file-input_165vi_35"
+};
+const MIME = {
+  jpeg: "image/jpeg",
+  png: "image/png",
+  tiff: "image/tiff",
+  gif: "image/gif",
+  webp: "image/webp",
+  doc: "application/msword",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  pdf: "application/pdf",
+  xls: "application/excel",
+  txt: "text/plain",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+};
+const filesTyps = ["jpeg", "png", "tiff", "gif"];
+const generateId = (min, max) => {
+  return Math.random() * (max - min) + min;
+};
+function Uploader({
+  filesType = filesTyps,
+  onChangeValue,
+  name,
+  maxSize = 15
+}) {
+  const idImg = useId();
+  const ref = useRef(null);
+  const onChange = (e) => {
+    if (e.target.files && e.target.files[0]) {
+      const list = [];
+      Array.from(e.target.files).forEach((el) => {
+        if (filesType.map((name2) => MIME[name2]).includes(el.type) && el.size / 1024 ** 2 <= maxSize) {
+          list.push({ file: el, id: generateId(1, 100) });
+        }
+      });
+      onChangeValue({ name, value: list });
+    }
+  };
+  const onOpen = () => {
+    var _a;
+    (_a = ref.current) == null ? void 0 : _a.click();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "file",
+        className: cls["upload-file-input"],
+        "aria-label": "Upload",
+        name: "image[]",
+        multiple: true,
+        onChange,
+        title: "",
+        id: idImg,
+        accept: filesType.map((i) => MIME[i]).join()
+      }
+    ),
+    /* @__PURE__ */ jsxs("label", { htmlFor: idImg, ref, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "m",
+          variant: "secondary-asphalt",
+          leftIcon: /* @__PURE__ */ jsx(Icon, { iconName: "UnionIcon16px" }),
+          onClick: onOpen,
+          children: "Выберите файлы"
+        }
+      ),
+      /* @__PURE__ */ jsx("b", { children: "Или перетащие сюда" }),
+      /* @__PURE__ */ jsxs("span", { className: cls["upload-text"], children: [
+        "Максимальный размер одного файла – ",
+        maxSize,
+        " Мб",
+        /* @__PURE__ */ jsx("br", {}),
+        "Загрузить можно файлы следующих форматов: ",
+        filesType.join(", ")
+      ] })
+    ] })
+  ] });
+}
+export {
+  Uploader
+};

package/dist/components/Uploader/constants.d.ts

@@ -0,0 +1,5 @@
+export type imageTypesArr = 'jpeg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx';
+export declare const TypeFilesArray: {
+    images: imageTypesArr[];
+    docs: imageTypesArr[];
+};

package/dist/components/Uploader/constants.js

@@ -0,0 +1,16 @@
+const imageFileTypes = ["jpeg", "png", "tiff", "gif"];
+const docsFileTypes = [
+  "doc",
+  "xls",
+  "pdf",
+  "docx",
+  "txt",
+  "xlsx"
+];
+const TypeFilesArray = {
+  images: imageFileTypes,
+  docs: docsFileTypes
+};
+export {
+  TypeFilesArray
+};

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

@@ -0,0 +1,2 @@
+export { Uploader } from './Uploader';
+export type { Uploader as TUploader } from './Uploader';

package/dist/components/Uploader/index.js

@@ -0,0 +1,4 @@
+import { Uploader } from "./Uploader.js";
+export {
+  Uploader
+};

package/dist/components/UploaderPhotos/UploaderPhotos.d.ts

@@ -0,0 +1,29 @@
+import { imageTypesArr } from '../Uploader/constants';
+import { TFileItem } from '../Uploader/Uploader';
+
+export type TUploaderPhotos = {
+    /**
+     * Массив разрешенных типов файлов для настройки валидации
+     * 'jpeg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' |'docx' |  'txt'
+     */
+    filesType: imageTypesArr[];
+    /**
+     * Наименование передаваемого массива файлов
+     */
+    name: string;
+    /**
+     * Максимальный размер файлов.
+     */
+    maxSize: number;
+    /**
+     * Функция обратного вызова, передает параметры type и data,
+     * type 'add' в data передает массив файлов,
+     * type:'delete' в data передает id удаленного файла
+     */
+    onChange: (j: TOnChangePhotosUpdate) => void;
+};
+export type TOnChangePhotosUpdate = {
+    type: string;
+    data: TFileItem[] | number;
+};
+export declare function UploaderPhotos({ filesType, name, maxSize, onChange }: TUploaderPhotos): import("react/jsx-runtime").JSX.Element;

package/dist/components/UploaderPhotos/UploaderPhotos.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { ListPhotos } from "../ListPhotos/ListPhotos.js";
+import { Uploader } from "../Uploader/Uploader.js";
+import '../../assets/UploaderPhotos.css';const cls = {
+  "upload-file__wrapper": "_upload-file__wrapper_udscq_2"
+};
+function UploaderPhotos({
+  filesType,
+  name,
+  maxSize,
+  onChange
+}) {
+  const [photos, setPhotos] = useState([]);
+  const onChangeValue = (e) => {
+    setPhotos([
+      ...photos,
+      ...e.value.map((el) => {
+        return {
+          url: URL.createObjectURL(el.file),
+          id: el.id
+        };
+      })
+    ]);
+    onChange == null ? void 0 : onChange({ type: "add", data: e.value });
+  };
+  const onDelete = (j) => {
+    setPhotos(j.list);
+    if (j.deleteId) onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
+    /* @__PURE__ */ jsx(
+      Uploader,
+      {
+        filesType,
+        name,
+        maxSize,
+        onChangeValue
+      }
+    ),
+    /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
+  ] });
+}
+export {
+  UploaderPhotos
+};

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

@@ -0,0 +1,2 @@
+export { UploaderPhotos } from './UploaderPhotos';
+export type { UploaderPhotos as TUploaderPhotos } from './UploaderPhotos';

package/dist/components/UploaderPhotos/index.js

@@ -0,0 +1,4 @@
+import { UploaderPhotos } from "./UploaderPhotos.js";
+export {
+  UploaderPhotos
+};

package/dist/components/index.d.ts

@@ -6,12 +6,27 @@ export type { TInputPasswordProps } from './InputPassword';
 export { InputPhoneNumber, getMaskedInputPhoneValue, getUnmaskedInputValue } from './InputPhoneNumber';
 export { OtpInput } from './OtpInput';
 export { RadioGroup } from './RadioGroup';
-export type { TRadioOption } from './RadioGroup';
+export type { TRadioOption, TRadioGroupProps } from './RadioGroup';
+export { DatePicker } from './DatePicker';
+export type { TDatePickerProps, TDatePickerValue } from './DatePicker';
 export { MergedButton } from './MergedButton';
 export { EMergedButtonVariantRound } from './MergedButton';
 export type { TButtonPropsWithoutStyles } from './MergedButton';
 export { Image } from './Image';
 export { Loader } from './Loader';
 export { Slider } from './Slider';
+export { Drawer } from './Drawer';
+export { EDrawerPosition } from './Drawer';
 export { Steps, EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize, type TCommonStepsProps } from './Steps';
 export { Vote, EVoteSize, type TCommonVoteProps } from './Vote';
+export { SelectSearch, ESelectSearchSize } from './SelectSearch';
+export type { TSelectSearchItem, TSelectSearchProps } from './SelectSearch';
+export { Switch } from './Switch';
+export type { TSwitchProps } from './Switch';
+export { Tag, ETagSize, ETagType } from './Tag';
+export { Timer } from './Timer';
+export { Accordion, AccordionItem, EAccordionSize } from './Accordion';
+export type { TAccordionProps, TAccordionItemProps } from './Accordion';
+export { TabTrail, ETabTrailSize } from './TabTrail';
+export type { TTabTrailProps, TCategoryTab } from './TabTrail';
+export { Pagination } from './Pagination';

package/dist/components/index.js

@@ -7,27 +7,52 @@ import { InputPhoneNumber } from "./InputPhoneNumber/InputPhoneNumber.js";
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./InputPhoneNumber/utils.js";
 import { OtpInput } from "./OtpInput/OtpInput.js";
 import { RadioGroup } from "./RadioGroup/RadioGroup.js";
+import { DatePicker } from "./DatePicker/DatePicker.js";
 import { MergedButton } from "./MergedButton/MergedButton.js";
 import { EMergedButtonVariantRound } from "./MergedButton/constants.js";
 import { AppImage } from "./Image/Image.js";
 import { Loader } from "./Loader/Loader.js";
 import { Slider } from "./Slider/Slider.js";
+import { Drawer } from "./Drawer/Drawer.js";
+import { EDrawerPosition } from "./Drawer/constants.js";
 import { Steps } from "./Steps/Steps.js";
 import { EStepsPrimaryColor, EStepsSecondaryColor, EStepsSize } from "./Steps/constants.js";
 import { Vote } from "./Vote/Vote.js";
 import { EVoteSize } from "./Vote/constants.js";
+import { SelectSearch } from "./SelectSearch/SelectSearch.js";
+import { ESelectSearchSize } from "./SelectSearch/constants.js";
+import { Switch } from "./Switch/Switch.js";
+import { Tag } from "./Tag/Tag.js";
+import { ETagSize, ETagType } from "./Tag/constants.js";
+import { Timer } from "./Timer/Timer.js";
+import { Accordion } from "./Accordion/Accordion.js";
+import { EAccordionSize } from "./Accordion/constants.js";
+import { AccordionItem } from "./Accordion/AccordionItem/AccordionItem.js";
+import { TabTrail } from "./TabTrail/TabTrail.js";
+import { ETabTrailSize } from "./TabTrail/constants.js";
+import { Pagination } from "./Pagination/Pagination.js";
 export {
+  Accordion,
+  AccordionItem,
   Button,
+  DatePicker,
+  Drawer,
+  EAccordionSize,
   EButtonForm,
   EButtonSize,
   EButtonVariantDefault,
   EButtonVariantRound,
+  EDrawerPosition,
   EInputSize,
   EInputVariant,
   EMergedButtonVariantRound,
+  ESelectSearchSize,
   EStepsPrimaryColor,
   EStepsSecondaryColor,
   EStepsSize,
+  ETabTrailSize,
+  ETagSize,
+  ETagType,
   EVoteSize,
   AppImage as Image,
   Input,
@@ -36,9 +61,15 @@ export {
   Loader,
   MergedButton,
   OtpInput,
+  Pagination,
   RadioGroup,
+  SelectSearch,
   Slider,
   Steps,
+  Switch,
+  TabTrail,
+  Tag,
+  Timer,
   Vote,
   getMaskedInputPhoneValue,
   getUnmaskedInputValue

package/dist/focus-management-1rQPII7Z.js

@@ -0,0 +1,77 @@
+import { u, a as u$1 } from "./keyboard-B256ZoM-.js";
+let f = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), p = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var F = ((n) => (n[n.First = 1] = "First", n[n.Previous = 2] = "Previous", n[n.Next = 4] = "Next", n[n.Last = 8] = "Last", n[n.WrapAround = 16] = "WrapAround", n[n.NoScroll = 32] = "NoScroll", n[n.AutoFocus = 64] = "AutoFocus", n))(F || {}), T = ((o) => (o[o.Error = 0] = "Error", o[o.Overflow = 1] = "Overflow", o[o.Success = 2] = "Success", o[o.Underflow = 3] = "Underflow", o))(T || {}), y = ((t) => (t[t.Previous = -1] = "Previous", t[t.Next = 1] = "Next", t))(y || {});
+function b(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(f)).sort((r, t) => Math.sign((r.tabIndex || Number.MAX_SAFE_INTEGER) - (t.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+function S(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(p)).sort((r, t) => Math.sign((r.tabIndex || Number.MAX_SAFE_INTEGER) - (t.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var h = ((t) => (t[t.Strict = 0] = "Strict", t[t.Loose = 1] = "Loose", t))(h || {});
+function A(e, r = 0) {
+  var t;
+  return e === ((t = u(e)) == null ? void 0 : t.body) ? false : u$1(r, { [0]() {
+    return e.matches(f);
+  }, [1]() {
+    let u2 = e;
+    for (; u2 !== null; ) {
+      if (u2.matches(f)) return true;
+      u2 = u2.parentElement;
+    }
+    return false;
+  } });
+}
+var H = ((t) => (t[t.Keyboard = 0] = "Keyboard", t[t.Mouse = 1] = "Mouse", t))(H || {});
+typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("keydown", (e) => {
+  e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, true), document.addEventListener("click", (e) => {
+  e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, true));
+let w = ["textarea", "input"].join(",");
+function O(e) {
+  var r, t;
+  return (t = (r = e == null ? void 0 : e.matches) == null ? void 0 : r.call(e, w)) != null ? t : false;
+}
+function _(e, r = (t) => t) {
+  return e.slice().sort((t, u2) => {
+    let o = r(t), c = r(u2);
+    if (o === null || c === null) return 0;
+    let l = o.compareDocumentPosition(c);
+    return l & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : l & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function P(e, r, { sorted: t = true, relativeTo: u2 = null, skipElements: o = [] } = {}) {
+  let c = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e.ownerDocument, l = Array.isArray(e) ? t ? _(e) : e : r & 64 ? S(e) : b(e);
+  o.length > 0 && l.length > 1 && (l = l.filter((s) => !o.some((a) => a != null && "current" in a ? (a == null ? void 0 : a.current) === s : a === s))), u2 = u2 != null ? u2 : c.activeElement;
+  let n = (() => {
+    if (r & 5) return 1;
+    if (r & 10) return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), x = (() => {
+    if (r & 1) return 0;
+    if (r & 2) return Math.max(0, l.indexOf(u2)) - 1;
+    if (r & 4) return Math.max(0, l.indexOf(u2)) + 1;
+    if (r & 8) return l.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), M = r & 32 ? { preventScroll: true } : {}, m = 0, d = l.length, i;
+  do {
+    if (m >= d || m + d <= 0) return 0;
+    let s = x + m;
+    if (r & 16) s = (s + d) % d;
+    else {
+      if (s < 0) return 3;
+      if (s >= d) return 1;
+    }
+    i = l[s], i == null || i.focus(M), m += n;
+  } while (i !== c.activeElement);
+  return r & 6 && O(i) && i.select(), 2;
+}
+export {
+  A,
+  F,
+  P,
+  T,
+  _,
+  f,
+  h
+};

package/dist/hidden-BuVoeHNy.js

@@ -0,0 +1,13 @@
+import { W, H } from "./keyboard-B256ZoM-.js";
+let a = "span";
+var s = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(s || {});
+function l(t, r) {
+  var n;
+  let { features: d = 1, ...e } = t, o = { ref: r, "aria-hidden": (d & 2) === 2 ? true : (n = e["aria-hidden"]) != null ? n : void 0, hidden: (d & 4) === 4 ? true : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(d & 4) === 4 && (d & 2) !== 2 && { display: "none" } } };
+  return H({ ourProps: o, theirProps: e, slot: {}, defaultTag: a, name: "Hidden" });
+}
+let T = W(l);
+export {
+  T,
+  s
+};

package/dist/hooks/index.d.ts

@@ -1 +1,4 @@
 export { useMediaQuery, EMediaQuery } from './useMediaQuery';
+export { useLockBodyScroll } from './useLockBodyScroll';
+export { useInterval } from './useInterval';
+export { useTimer } from './useTimer';

package/dist/hooks/index.js

@@ -1,6 +1,12 @@
 import { useMediaQuery } from "./useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "./useMediaQuery/constants.js";
+import { useLockBodyScroll } from "./useLockBodyScroll/useLockBodyScroll.js";
+import { useInterval } from "./useInterval/useInterval.js";
+import { useTimer } from "./useTimer/index.js";
 export {
   EMediaQuery,
-  useMediaQuery
+  useInterval,
+  useLockBodyScroll,
+  useMediaQuery,
+  useTimer
 };

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

@@ -0,0 +1 @@
+export { useClickOutside } from './useClickOutside';

package/dist/hooks/useClickOutside/index.js

@@ -0,0 +1,4 @@
+import { useClickOutside } from "./useClickOutside.js";
+export {
+  useClickOutside
+};

package/dist/hooks/useClickOutside/useClickOutside.d.ts

@@ -0,0 +1,7 @@
+type TUseClickOutside = {
+    isActive: boolean;
+    setActive: (p: boolean) => void;
+    className: string;
+};
+export declare function useClickOutside({ isActive, setActive, className }: TUseClickOutside): void;
+export {};

package/dist/hooks/useClickOutside/useClickOutside.js

@@ -0,0 +1,25 @@
+import { useEffect } from "react";
+function useClickOutside({
+  isActive,
+  setActive,
+  className
+}) {
+  useEffect(() => {
+    const handleClickOtside = (e) => {
+      if (e.target) {
+        if (!e.target.closest("." + className)) {
+          setActive(false);
+          window.removeEventListener("click", handleClickOtside, true);
+        }
+      }
+    };
+    if (isActive) {
+      window.addEventListener("click", handleClickOtside, true);
+    } else {
+      window.removeEventListener("click", handleClickOtside, true);
+    }
+  }, [isActive]);
+}
+export {
+  useClickOutside
+};

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

@@ -0,0 +1 @@
+export { useInterval } from './useInterval';

package/dist/hooks/useInterval/index.js

@@ -0,0 +1,4 @@
+import { useInterval } from "./useInterval.js";
+export {
+  useInterval
+};

package/dist/hooks/useInterval/useInterval.d.ts

@@ -0,0 +1 @@
+export declare function useInterval(callback: VoidFunction, delay: number | null): void;

package/dist/hooks/useInterval/useInterval.js

@@ -0,0 +1,17 @@
+import { useRef, useEffect } from "react";
+function useInterval(callback, delay) {
+  const callbackRef = useRef();
+  callbackRef.current = callback;
+  useEffect(() => {
+    if (!delay) {
+      return;
+    }
+    const interval = setInterval(() => {
+      callbackRef.current && callbackRef.current();
+    }, delay);
+    return () => clearInterval(interval);
+  }, [delay]);
+}
+export {
+  useInterval
+};

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

@@ -0,0 +1 @@
+export { useLockBodyScroll } from './useLockBodyScroll';

package/dist/hooks/useLockBodyScroll/index.js

@@ -0,0 +1,4 @@
+import { useLockBodyScroll } from "./useLockBodyScroll.js";
+export {
+  useLockBodyScroll
+};

package/dist/hooks/useLockBodyScroll/useLockBodyScroll.d.ts

@@ -0,0 +1,6 @@
+type TUseLockBodyScroll = {
+    on?: boolean;
+    paddingRight?: number;
+};
+export declare function useLockBodyScroll({ on, paddingRight }: TUseLockBodyScroll): void;
+export {};

package/dist/hooks/useLockBodyScroll/useLockBodyScroll.js

@@ -0,0 +1,20 @@
+import { useLayoutEffect } from "react";
+function useLockBodyScroll({ on, paddingRight }) {
+  useLayoutEffect(() => {
+    const hasVerticalScrollbar = document.documentElement.scrollHeight > document.documentElement.clientHeight;
+    if (!on || !hasVerticalScrollbar) return;
+    const originalStyle = window.getComputedStyle(document.body).overflow;
+    const originalPaddingStyle = window.getComputedStyle(
+      document.body
+    ).paddingRight;
+    document.body.style.overflow = "hidden";
+    document.body.style.paddingRight = `${paddingRight}px`;
+    return () => {
+      document.body.style.overflow = originalStyle;
+      document.body.style.paddingRight = originalPaddingStyle;
+    };
+  }, [on, paddingRight]);
+}
+export {
+  useLockBodyScroll
+};