mimir-ui-kit 1.9.1 → 1.10.0

package/dist/components/DatePicker/index.js

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

package/dist/components/Drawer/Drawer.d.ts

@@ -1,38 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { EDrawerPosition } from './constants';
-
-type TProps = {
-    /**
-     * Обязательный заголовок.
-     */
-    title: string;
-    /**
-     * Флаг отвечачающий за показ/скрытие.
-     */
-    isOpen?: boolean;
-    /**
-     * Настраиваемый паддинг для body, что бы избежать скачка контента при overflow: hidden
-     */
-    paddingRight?: number;
-    /**
-     * Функция закрытия шторки
-     */
-    onClose?: VoidFunction;
-    /**
-     * Дополнительный класс для родительской обертки.
-     */
-    className?: string;
-    /**
-     * Позиция шторки.
-     */
-    position?: `${EDrawerPosition}` | EDrawerPosition;
-    /**
-     * Кастомный footer. По дефолту в нем расположена кнопка для закрытия.
-     */
-    footer?: ReactNode;
-};
-/**
- * Компонент шторки, который может выезжать слева, справа или внизу.
- */
-export declare const Drawer: ({ isOpen, onClose, title, className, position, paddingRight, footer, children }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/components/Drawer/Drawer.js

@@ -1,144 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { useState, useRef, useCallback, useEffect } from "react";
-import { EDrawerPosition } from "./constants.js";
-import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { Button } from "../Button/Button.js";
-import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
-import { Portal } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const drawer = "_drawer_vy4rv_3";
-const content = "_content_vy4rv_17";
-const header = "_header_vy4rv_32";
-const title = "_title_vy4rv_40";
-const space = "_space_vy4rv_54";
-const inner = "_inner_vy4rv_65";
-const button = "_button_vy4rv_68";
-const footer = "_footer_vy4rv_73";
-const left = "_left_vy4rv_86";
-const right = "_right_vy4rv_90";
-const bottom = "_bottom_vy4rv_94";
-const opened = "_opened_vy4rv_103";
-const overlay = "_overlay_vy4rv_151";
-const cls = {
-  drawer,
-  content,
-  header,
-  title,
-  space,
-  inner,
-  button,
-  footer,
-  "footer-button": "_footer-button_vy4rv_82",
-  left,
-  right,
-  bottom,
-  opened,
-  "is-closing": "_is-closing_vy4rv_118",
-  overlay
-};
-const ANIMATION_DELAY = 300;
-const Drawer = ({
-  isOpen,
-  onClose,
-  title: title2,
-  className,
-  position = EDrawerPosition.RIGHT,
-  paddingRight = 8,
-  footer: footer2,
-  children
-}) => {
-  const [isClosing, setIsClosing] = useState(false);
-  const [isMounted, setIsMounted] = useState(false);
-  const [isBodyScrollLocked, setIsBodyScrollLocked] = useState(false);
-  const timerRef = useRef();
-  const contentRef = useRef(null);
-  const isBottomPosition = position === EDrawerPosition.BOTTOM;
-  const isMobile = useMediaQuery(EMediaQuery.XS1);
-  useLockBodyScroll({
-    on: isBodyScrollLocked,
-    paddingRight
-  });
-  const handleClose = useCallback(() => {
-    if (onClose) {
-      setIsClosing(true);
-      setIsBodyScrollLocked(false);
-      timerRef.current = setTimeout(() => {
-        onClose();
-        setIsClosing(false);
-      }, ANIMATION_DELAY);
-    }
-  }, [onClose]);
-  const handleKeyDown = useCallback(
-    (event) => {
-      if (event.key === "Escape") {
-        handleClose();
-      }
-    },
-    [handleClose]
-  );
-  useEffect(() => {
-    if (isOpen) {
-      setIsBodyScrollLocked(true);
-      setIsMounted(true);
-      window.addEventListener("keydown", handleKeyDown);
-    }
-    return () => {
-      setIsMounted(false);
-      clearTimeout(timerRef.current);
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [isOpen, handleKeyDown]);
-  const mods = {
-    [cls.opened]: isMounted,
-    [cls["is-closing"]]: isClosing
-  };
-  if (!isOpen) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Portal, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": isOpen,
-        role: "dialog",
-        style: {
-          minHeight: isBottomPosition && contentRef.current ? contentRef.current.offsetHeight : void 0
-        },
-        className: classNames(cls.drawer, cls[position], mods, className),
-        children: /* @__PURE__ */ jsxs("section", { className: classNames(cls.content, cls[position]), children: [
-          /* @__PURE__ */ jsxs("header", { className: cls.header, children: [
-            /* @__PURE__ */ jsx("h2", { className: cls.title, children: title2 }),
-            /* @__PURE__ */ jsx("div", { className: cls.space, children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: EButtonVariantDefault.SecondaryWhite,
-                isIconButton: true,
-                size: isMobile ? EButtonSize.S : EButtonSize.M,
-                iconName: "Close16px",
-                onClick: handleClose,
-                className: cls.button
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { ref: contentRef, className: cls.inner, children }),
-          /* @__PURE__ */ jsx("footer", { className: cls.footer, children: footer2 || /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: isMobile ? EButtonSize.M : EButtonSize.XXL,
-              full: isMobile,
-              onClick: handleClose,
-              className: cls["footer-button"],
-              children: "Закрыть"
-            }
-          ) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: classNames(cls.overlay, mods), onClick: handleClose })
-  ] });
-};
-export {
-  Drawer
-};

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

@@ -1,5 +0,0 @@
-export declare enum EDrawerPosition {
-    LEFT = "left",
-    RIGHT = "right",
-    BOTTOM = "bottom"
-}

package/dist/components/Drawer/constants.js

@@ -1,9 +0,0 @@
-var EDrawerPosition = /* @__PURE__ */ ((EDrawerPosition2) => {
-  EDrawerPosition2["LEFT"] = "left";
-  EDrawerPosition2["RIGHT"] = "right";
-  EDrawerPosition2["BOTTOM"] = "bottom";
-  return EDrawerPosition2;
-})(EDrawerPosition || {});
-export {
-  EDrawerPosition
-};

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

@@ -1,2 +0,0 @@
-export { Drawer } from './Drawer';
-export { EDrawerPosition } from './constants';

package/dist/components/Drawer/index.js

@@ -1,6 +0,0 @@
-import { Drawer } from "./Drawer.js";
-import { EDrawerPosition } from "./constants.js";
-export {
-  Drawer,
-  EDrawerPosition
-};

package/dist/components/Portal/Portal.d.ts

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-
-type TProps = {
-    element?: HTMLElement;
-};
-export declare const Portal: ({ element, children }: PropsWithChildren<TProps>) => import('react').ReactPortal;
-export {};

package/dist/components/Portal/Portal.js

@@ -1,10 +0,0 @@
-import { createPortal } from "react-dom";
-const Portal = ({
-  element = document.body,
-  children
-}) => {
-  return createPortal(children, element);
-};
-export {
-  Portal
-};

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

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

package/dist/components/Portal/index.js

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

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

@@ -1,15 +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?: ESelectSearchSize;
-    full?: boolean;
-};
-export declare const SelectSearch: import('react').ForwardRefExoticComponent<TSelectSearchProps & import('react').RefAttributes<HTMLElement>>;