mimir-ui-kit 1.13.6 → 1.14.0

package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { EAccordionSize } from '../constants';
-
-export type TAccordionItemProps = {
-    children: React.ReactNode;
-    size: EAccordionSize;
-};
-export declare const AccordionItem: FC<TAccordionItemProps>;

package/dist/components/Accordion/AccordionItem/AccordionItem.js

@@ -1,16 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../../index-CweZ_OcN.js";
-import '../../../assets/AccordionItem.css';const item = "_item_1k68o_2";
-const m = "_m_1k68o_10";
-const l = "_l_1k68o_15";
-const cls = {
-  item,
-  m,
-  l
-};
-const AccordionItem = ({ children, size }) => {
-  return /* @__PURE__ */ jsx("div", { className: classNames(cls.item, cls[size]), children });
-};
-export {
-  AccordionItem
-};

package/dist/components/Accordion/AccordionItem/index.d.ts

@@ -1 +0,0 @@
-export { AccordionItem, type TAccordionItemProps } from './AccordionItem';

package/dist/components/Accordion/AccordionItem/index.js

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

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

@@ -1,8 +0,0 @@
-export declare enum EAccordionSize {
-    M = "m",
-    S = "s"
-}
-export declare enum EAccordionIconSize {
-    M = "ArrowDown24px",
-    S = "ArrowDown16px"
-}

package/dist/components/Accordion/constants.js

@@ -1,14 +0,0 @@
-var EAccordionSize = /* @__PURE__ */ ((EAccordionSize2) => {
-  EAccordionSize2["M"] = "m";
-  EAccordionSize2["S"] = "s";
-  return EAccordionSize2;
-})(EAccordionSize || {});
-var EAccordionIconSize = /* @__PURE__ */ ((EAccordionIconSize2) => {
-  EAccordionIconSize2["M"] = "ArrowDown24px";
-  EAccordionIconSize2["S"] = "ArrowDown16px";
-  return EAccordionIconSize2;
-})(EAccordionIconSize || {});
-export {
-  EAccordionIconSize,
-  EAccordionSize
-};

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

@@ -1,3 +0,0 @@
-export { Accordion, type TAccordionProps } from './Accordion';
-export { EAccordionSize } from './constants';
-export { AccordionItem, type TAccordionItemProps } from './AccordionItem';

package/dist/components/Accordion/index.js

@@ -1,8 +0,0 @@
-import { Accordion } from "./Accordion.js";
-import { EAccordionSize } from "./constants.js";
-import { AccordionItem } from "./AccordionItem/AccordionItem.js";
-export {
-  Accordion,
-  AccordionItem,
-  EAccordionSize
-};

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,44 +0,0 @@
-import { TInputProps } from '../Input';
-
-export type DatePicker = {
-    /**
-     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
-     */
-    onChangeValue?: (e: TDatePickerValue) => void;
-    /**
-    * функция ограничения выбора даты
-    (до какой даты выбор не доступен)
-    */
-    before?: Date | string;
-    /**
-     * значение из стейта (data)
-     */
-    value?: string;
-} & TInputProps;
-export type TDatePickerValue = {
-    value?: Date;
-    name?: string;
-};
-export declare const DatePicker: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
-    /**
-     * функция=callback, которая вызывается при изменении значения и передает имя и новое значение для обновления стейта (data),
-     */
-    onChangeValue?: (e: TDatePickerValue) => void;
-    /**
-    * функция ограничения выбора даты
-    (до какой даты выбор не доступен)
-    */
-    before?: Date | string;
-    /**
-     * значение из стейта (data)
-     */
-    value?: string;
-} & import('../Input/types').TInputProps & {
-    size?: import('../Input').TSize;
-    variant?: import('../Input').TVariant;
-    className?: string;
-    wrapperClassName?: string;
-    label?: import('react').ReactNode;
-    autofocus?: boolean;
-    readonly?: boolean;
-} & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/DatePicker/DatePicker.js

@@ -1,69 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo, forwardRef, useState } from "react";
-import { c as cls, D as DatePickerModal } from "../../DatePickerModal-BM0BgzTb.js";
-import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
-import { formating } from "../../utils/index.js";
-import { Button } from "../Button/Button.js";
-import { Input } from "../Input/Input.js";
-const DatePicker = memo(
-  forwardRef(
-    ({ size, value, onChangeValue, name, before, ...props }, ref) => {
-      const [isActive, setActive] = useState(false);
-      const [date, setDate] = useState(
-        value ? new Date(value) : /* @__PURE__ */ new Date()
-      );
-      useClickOutside({
-        isActive,
-        setActive,
-        className: cls["calendar-block"]
-      });
-      const onOpen = () => {
-        setActive(true);
-      };
-      const onDate = (d) => {
-        setDate(d);
-        onChangeValue == null ? void 0 : onChangeValue({ value: d, name });
-      };
-      const wrapperClassNames = classNames(cls.wrapper, isActive && cls.active);
-      return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, children: [
-        /* @__PURE__ */ jsx("div", { className: cls["date-wrapper"], onClick: onOpen, children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            ref,
-            className: cls.input,
-            wrapperClassName: cls["input-wrapper"],
-            size,
-            type: "text",
-            value: formating.Date(date, "dd.mm.yy"),
-            ...props
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            isIconButton: true,
-            clear: true,
-            type: "button",
-            className: cls.button,
-            onClick: onOpen,
-            iconName: isActive ? "DropdownArrowUp16px" : "DropdownArrowBottom16px"
-          }
-        ) }),
-        isActive && /* @__PURE__ */ jsx(
-          DatePickerModal,
-          {
-            onChangeValue: onDate,
-            date,
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before
-          }
-        )
-      ] });
-    }
-  )
-);
-DatePicker.displayName = "DatePicker";
-export {
-  DatePicker
-};

package/dist/components/DatePicker/DatePickerModal.d.ts

@@ -1,8 +0,0 @@
-type DatePickerModal = {
-    date: Date;
-    onChangeValue: (d: Date) => void;
-    setActive: (s: boolean) => void;
-    before?: Date;
-};
-export declare function DatePickerModal({ date, onChangeValue, setActive, before }: DatePickerModal): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/DatePicker/DatePickerModal.js

@@ -1,9 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "./constants.js";
-import { D } from "../../DatePickerModal-BM0BgzTb.js";
-import "../../utils/index.js";
-import "../Button/Button.js";
-export {
-  D as DatePickerModal
-};

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

@@ -1,6 +0,0 @@
-export declare enum EDatePickerBeforeDate {
-    CurrentDate1 = "2024-08-01",
-    CurrentDate2 = "2024-07-01",
-    CurrentDate3 = "2024-07-11"
-}
-export declare const week: string[];

package/dist/components/DatePicker/constants.js

@@ -1,11 +0,0 @@
-var EDatePickerBeforeDate = /* @__PURE__ */ ((EDatePickerBeforeDate2) => {
-  EDatePickerBeforeDate2["CurrentDate1"] = "2024-08-01";
-  EDatePickerBeforeDate2["CurrentDate2"] = "2024-07-01";
-  EDatePickerBeforeDate2["CurrentDate3"] = "2024-07-11";
-  return EDatePickerBeforeDate2;
-})(EDatePickerBeforeDate || {});
-const week = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"];
-export {
-  EDatePickerBeforeDate,
-  week
-};

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

@@ -1,2 +0,0 @@
-export { DatePicker } from './DatePicker';
-export type { DatePicker as TDatePickerProps, TDatePickerValue } from './DatePicker';

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/ListPhotos/ListPhotos.d.ts

@@ -1,23 +0,0 @@
-export type TListPhotos = {
-    /**
-     * Массив фото
-     */
-    value: TPhotosDetail[];
-    /**
-     * функция -callback, которая вызывается при изменении списка и передает обновленный список и deleteId,
-     */
-    onChange?: (e: TPhotoValue) => void;
-};
-export type TPhotoItem = {
-    id: number;
-    url: string;
-};
-export type TPhotoValue = {
-    deleteId?: number;
-    list: TPhotoItem[];
-};
-export type TPhotosDetail = {
-    id: number;
-    url: string;
-};
-export declare function ListPhotos({ value, onChange }: TListPhotos): import("react/jsx-runtime").JSX.Element;

package/dist/components/ListPhotos/ListPhotos.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Button } from "../Button/Button.js";
-import '../../assets/ListPhotos.css';const cls = {
-  "list-photos": "_list-photos_1k3c7_2"
-};
-function ListPhotos({ value, onChange }) {
-  const [list, setList] = useState(value);
-  useEffect(() => {
-    setList(value);
-  }, [value]);
-  const onDelete = async (id) => {
-    const newList = [...list.filter((el) => el.id !== id)];
-    setList(newList);
-    onChange == null ? void 0 : onChange({ deleteId: id, list: newList });
-  };
-  return /* @__PURE__ */ jsx("ul", { className: cls["list-photos"], children: list.map((el) => /* @__PURE__ */ jsxs("li", { children: [
-    /* @__PURE__ */ jsx("img", { src: el.url, alt: "" }),
-    onChange && /* @__PURE__ */ jsx(
-      Button,
-      {
-        isIconButton: true,
-        iconName: "Close12px",
-        size: "m-s",
-        variant: "secondary-gray",
-        onClick: () => onDelete(el.id)
-      }
-    )
-  ] }, el.id)) });
-}
-export {
-  ListPhotos
-};

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

@@ -1,3 +0,0 @@
-import { TPhotosDetail } from './ListPhotos';
-
-export declare const photos: TPhotosDetail[];

package/dist/components/ListPhotos/constants.js

@@ -1,21 +0,0 @@
-const photos = [
-  {
-    id: 111,
-    url: "https://i.pinimg.com/736x/5a/e6/12/5ae612a7ecf50870c8f41961fefc332f.jpg"
-  },
-  {
-    id: 112,
-    url: "https://i1.sndcdn.com/artworks-rQAPPfrs44UvRwIz-WJkvyQ-t500x500.jpg"
-  },
-  {
-    id: 113,
-    url: "https://i1.sndcdn.com/avatars-000095020320-0pmjnu-t500x500.jpg"
-  },
-  {
-    id: 114,
-    url: "https://i1.sndcdn.com/avatars-000151937348-27m28p-t500x500.jpg"
-  }
-];
-export {
-  photos
-};

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

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

package/dist/components/ListPhotos/index.js

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

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>>;