@alphakits/ui 2.0.13 → 2.2.0

package/dist/link/component.d.ts

@@ -1,87 +1,27 @@
 import { default as React, AnchorHTMLAttributes, ReactNode } from 'react';
 type NativeProps = AnchorHTMLAttributes<HTMLAnchorElement>;
 export type LinkProps = NativeProps & {
-    /**
-     * URL для перехода (native prop)
-     */
     href?: string;
-    /**
-     * Тип ссылки
-     */
     view?: 'primary' | 'secondary' | 'default';
-    /**
-     * размер
-     */
     size?: 's' | 'm';
-    /**
-     * Пунктирное подчеркивание
-     */
     pseudo?: boolean;
-    /**
-     * Слот слева
-     */
     leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс (native prop)
-     */
     className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Обработчик нажатия (native prop)
-     */
     onClick?: NativeProps['onClick'];
-    /**
-     * Дочерние элементы (native prop)
-     */
     children: ReactNode;
 };
 export declare const Link: React.ForwardRefExoticComponent<NativeProps & {
-    /**
-     * URL для перехода (native prop)
-     */
     href?: string | undefined;
-    /**
-     * Тип ссылки
-     */
     view?: "primary" | "secondary" | "default" | undefined;
-    /**
-     * размер
-     */
     size?: "s" | "m" | undefined;
-    /**
-     * Пунктирное подчеркивание
-     */
     pseudo?: boolean | undefined;
-    /**
-     * Слот слева
-     */
     leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс (native prop)
-     */
     className?: string | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
-    /**
-     * Обработчик нажатия (native prop)
-     */
     onClick?: NativeProps['onClick'];
-    /**
-     * Дочерние элементы (native prop)
-     */
     children: ReactNode;
 } & React.RefAttributes<HTMLAnchorElement>>;
 export {};

package/dist/link/component.js

@@ -40,4 +40,3 @@ const g = k(
 export {
   g as Link
 };
-//# sourceMappingURL=component.js.map

package/dist/link/index.js

@@ -2,4 +2,3 @@ import { Link as e } from "./component.js";
 export {
   e as Link
 };
-//# sourceMappingURL=index.js.map

package/dist/link/index.module.css.js

@@ -25,4 +25,3 @@ export {
   s as text,
   n as withAddons
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/list-allert/component.d.ts

@@ -1,20 +1,8 @@
 import { default as React } from 'react';
 export type ListAllertProps = {
-    /**
-     * Кастомный класс
-     */
     className?: string;
-    /**
-     * view - цвет аллерта
-     */
     view?: 'negative' | 'accent' | 'attention';
-    /**
-     * text - текст аллерта
-     */
     text: string | React.ReactNode;
-    /**
-     * Id компонента для тестов
-     */
     dataTestId?: string;
 };
 export declare const ListAllert: React.FC<ListAllertProps>;

package/dist/list-allert/component.js

@@ -11,4 +11,3 @@ const d = ({
 export {
   d as ListAllert
 };
-//# sourceMappingURL=component.js.map

package/dist/list-allert/index.js

@@ -2,4 +2,3 @@ import { ListAllert as e } from "./component.js";
 export {
   e as ListAllert
 };
-//# sourceMappingURL=index.js.map

package/dist/list-allert/index.module.css.js

@@ -12,4 +12,3 @@ export {
   c as default,
   o as negative
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/loader/component.d.ts

@@ -1,12 +1,6 @@
 import { default as React } from 'react';
 export type LoaderProps = {
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
 };
 export declare const Loader: React.FC<LoaderProps>;

package/dist/loader/component.js

@@ -19,4 +19,3 @@ const l = ({ className: r, dataTestId: e }) => /* @__PURE__ */ o(
 export {
   l as Loader
 };
-//# sourceMappingURL=component.js.map

package/dist/loader/index.js

@@ -2,4 +2,3 @@ import { Loader as e } from "./component.js";
 export {
   e as Loader
 };
-//# sourceMappingURL=index.js.map

package/dist/loader/index.module.css.js

@@ -6,4 +6,3 @@ export {
   o as component,
   n as default
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/masked-input/component.d.ts

@@ -2,22 +2,12 @@ import { default as React } from 'react';
 import { TextMaskConfig } from 'text-mask-core';
 import { InputProps } from '../input';
 export type MaskedInputProps = InputProps & {
-    /**
-     * Маска для поля ввода
-     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array
-     */
     mask?: TextMaskConfig['mask'];
-    /**
-     * Дает возможность изменить значение поля перед рендером
-     */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 };
 export declare const PLACEHOLDER_CHAR = "\u2000";
 export declare const MaskedInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
     value?: string | undefined;
-    /**
-     * Дает возможность изменить значение поля перед рендером
-     */
     defaultValue?: string | undefined;
     block?: boolean | undefined;
     required?: boolean | undefined;
@@ -39,7 +29,7 @@ export declare const MaskedInput: React.ForwardRefExoticComponent<Omit<React.Inp
     addonsClassName?: string | undefined;
     focusedClassName?: string | undefined;
     filledClassName?: string | undefined;
-    onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
+    onChange?: ((event: React.ChangeEvent<HTMLInputElement, Element>, payload: {
         value: string;
     }) => void) | undefined;
     onClear?: ((event: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void) | undefined;
@@ -48,13 +38,6 @@ export declare const MaskedInput: React.ForwardRefExoticComponent<Omit<React.Inp
     onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => void) | undefined;
     dataTestId?: string | undefined;
 } & {
-    /**
-     * Маска для поля ввода
-     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array
-     */
     mask?: TextMaskConfig['mask'];
-    /**
-     * Дает возможность изменить значение поля перед рендером
-     */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/masked-input/component.js

@@ -65,4 +65,3 @@ export {
   q as MaskedInput,
   T as PLACEHOLDER_CHAR
 };
-//# sourceMappingURL=component.js.map

package/dist/masked-input/index.js

@@ -3,4 +3,3 @@ export {
   p as MaskedInput,
   r as PLACEHOLDER_CHAR
 };
-//# sourceMappingURL=index.js.map

package/dist/masked-input/index.module.css.js

@@ -6,4 +6,3 @@ export {
   e as default,
   t as textHidden
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/menu/component.d.ts

@@ -1,10 +1,10 @@
-import { default as React } from 'react';
+import { default as React, ReactElement, ReactNode } from 'react';
 import { TFunction } from '../modal';
 import { OptionShape } from '../select';
 export type MenuElement = {
     path: string;
     element: React.ReactNode;
-    icon?: JSX.Element;
+    icon?: ReactElement;
     title?: string;
 };
 export type MenuProps = {
@@ -20,5 +20,6 @@ export type MenuProps = {
     profileOnClick?: () => void;
     navigate: (path: string) => void;
     t: TFunction;
+    children?: ReactNode;
 };
 export declare const Menu: React.FC<MenuProps>;

package/dist/menu/component.js

@@ -75,4 +75,3 @@ const E = ({
 export {
   E as Menu
 };
-//# sourceMappingURL=component.js.map

package/dist/menu/components/content-header/index.js

@@ -18,4 +18,3 @@ const f = ({ onClick: r, title: t }) => /* @__PURE__ */ e("div", { children: [
 export {
   f as ContentHeader
 };
-//# sourceMappingURL=index.js.map

package/dist/menu/components/content-header/index.module.css.js

@@ -6,4 +6,3 @@ export {
   o as default,
   t as open_button
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/menu/components/index.js

@@ -10,4 +10,3 @@ export {
   p as MenuButtonsList,
   a as UserButton
 };
-//# sourceMappingURL=index.js.map

package/dist/menu/components/menu-avatar/index.js

@@ -28,4 +28,3 @@ const u = ({
 export {
   u as MenuAvatar
 };
-//# sourceMappingURL=index.js.map

package/dist/menu/components/menu-avatar/index.module.css.js

@@ -10,4 +10,3 @@ export {
   e as menu_header,
   t as text
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/menu/components/menu-back-button/index.js

@@ -12,4 +12,3 @@ const b = ({ showTitle: e, onClick: s }) => /* @__PURE__ */ r("div", { className
 export {
   b as MenuBackButton
 };
-//# sourceMappingURL=index.js.map

package/dist/menu/components/menu-back-button/index.module.css.js

@@ -8,4 +8,3 @@ export {
   b as back_btn_wrapper,
   a as default
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/menu/components/menu-button/index.js

@@ -37,4 +37,3 @@ const f = ({
 export {
   f as MenuButton
 };
-//# sourceMappingURL=index.js.map

package/dist/menu/components/menu-button/index.module.css.js

@@ -16,4 +16,3 @@ export {
   s as rightAddons,
   n as text
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/menu/components/menu-buttons-list/index.js

@@ -1,29 +1,27 @@
-import { jsx as o } from "react/jsx-runtime";
-import { MenuButton as a } from "../menu-button/index.js";
-import c from "./index.module.css.js";
-const f = ({
+import { jsx as i } from "react/jsx-runtime";
+import { MenuButton as p } from "../menu-button/index.js";
+import a from "./index.module.css.js";
+const d = ({
   routes: e,
-  showLabels: s,
-  currentPath: l,
-  t: m,
-  Link: p
-}) => /* @__PURE__ */ o("div", { className: c.component, children: !!e.length && e.map((t) => {
-  var i;
+  showLabels: o,
+  currentPath: s,
+  t: l,
+  Link: m
+}) => /* @__PURE__ */ i("div", { className: a.component, children: !!e.length && e.map((t) => {
   const n = `/${t.path.split("/").slice(-1)[0]}`;
-  return /* @__PURE__ */ o(
-    a,
+  return /* @__PURE__ */ i(
+    p,
     {
-      showLabels: s,
+      showLabels: o,
       leftAddons: t.icon,
-      active: n === l,
+      active: n === s,
       href: t.path,
-      Link: p,
-      children: (i = t.title) != null ? i : m(`menu.${n}`)
+      Link: m,
+      children: t.title ?? l(`menu.${n}`)
     },
     t.path
   );
 }) });
 export {
-  f as MenuButtonsList
+  d as MenuButtonsList
 };
-//# sourceMappingURL=index.js.map

package/dist/menu/components/menu-buttons-list/index.module.css.js

@@ -6,4 +6,3 @@ export {
   o as component,
   n as default
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/menu/components/user-button/index.js

@@ -35,4 +35,3 @@ const C = p.memo(({ options: t, fullName: e, photo: i }) => /* @__PURE__ */ o("d
 export {
   C as UserButton
 };
-//# sourceMappingURL=index.js.map

package/dist/menu/components/user-button/index.module.css.js

@@ -8,4 +8,3 @@ export {
   t as field_avatar,
   a as option_wrap
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/menu/hooks/use-menu.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const useMenu: () => {
-    ref: import('react').RefObject<HTMLDivElement>;
+    ref: import('react').RefObject<HTMLDivElement | null>;
     staticMenu: boolean;
     showMenu: boolean;
     setStaticMenu: import('react').Dispatch<import('react').SetStateAction<boolean>>;

package/dist/menu/hooks/use-menu.js

@@ -1,20 +1,20 @@
-import { useState as m, useRef as i, useCallback as a, useEffect as l } from "react";
+import { useState as i, useRef as m, useCallback as a, useEffect as l } from "react";
 const d = () => {
-  const [e, f] = m(!0), [n, s] = m(!1), t = i(), o = i(null), c = a(() => {
-    e || s(!0);
+  const [e, f] = i(!0), [n, o] = i(!1), t = m(void 0), s = m(null), c = a(() => {
+    e || o(!0);
   }, [e]), u = a(() => {
     t.current && clearTimeout(t.current), t.current = setTimeout(c, 600);
   }, [c]);
   return l(() => {
-    const r = o.current;
+    const r = s.current;
     if (!(e || !r))
       return r.addEventListener("mousemove", u), r.addEventListener("mouseleave", () => {
-        clearTimeout(t.current), s(!1);
+        clearTimeout(t.current), o(!1);
       }), () => {
         r.removeEventListener("mousemove", u), clearTimeout(t.current);
       };
   }, [e, n, u]), {
-    ref: o,
+    ref: s,
     staticMenu: e,
     showMenu: n,
     setStaticMenu: f
@@ -23,4 +23,3 @@ const d = () => {
 export {
   d as useMenu
 };
-//# sourceMappingURL=use-menu.js.map

package/dist/menu/index.js

@@ -2,4 +2,3 @@ import { Menu as r } from "./component.js";
 export {
   r as Menu
 };
-//# sourceMappingURL=index.js.map

package/dist/menu/index.module.css.js

@@ -20,4 +20,3 @@ export {
   n as left_menu,
   t as menu_static
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/message/component.d.ts

@@ -1,44 +1,14 @@
 import { default as React } from 'react';
 export type MessageProps = {
-    /**
-     * Кастомный класс
-     */
     className?: string;
-    /**
-     * Ответ на сообщение
-     */
     answer?: string;
-    /**
-     * title
-     */
     title: string;
-    /**
-     * date
-     */
     date?: string;
-    /**
-     * rightAddons - слот справа
-     */
     rightAddons?: React.ReactNode;
-    /**
-     * text
-     */
     text: string;
-    /**
-     * image - картинка для отображения в аватаре
-     */
     image: string;
-    /**
-      * image - картинка для отображения в аватаре
-      */
     withImage: boolean;
-    /**
-     * Id компонента для тестов
-     */
     dataTestId?: string;
-    /**
-      * Добавленные изображния
-      */
     photos?: string[];
 };
 export declare const Message: React.FC<MessageProps>;

package/dist/message/component.js

@@ -60,4 +60,3 @@ const P = ({
 export {
   P as Message
 };
-//# sourceMappingURL=component.js.map

package/dist/message/index.js

@@ -2,4 +2,3 @@ import { Message as r } from "./component.js";
 export {
   r as Message
 };
-//# sourceMappingURL=index.js.map

package/dist/message/index.module.css.js

@@ -16,4 +16,3 @@ export {
   s as title,
   t as topRow
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/modal/components/modals/index.js

@@ -21,4 +21,3 @@ const f = ({
 export {
   f as Modals
 };
-//# sourceMappingURL=index.js.map

package/dist/modal/components/modals/index.module.css.js

@@ -16,4 +16,3 @@ export {
   c as inner,
   e as right
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/modal/components/modals/modal.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ModalObject, TFunction } from '../../types';
 import { ModalsProps } from '.';
 type ModalProps = {
@@ -5,5 +6,5 @@ type ModalProps = {
     index: number;
     t: TFunction;
 } & Pick<ModalsProps, 'dirtyModals' | 'closeModal' | 'currentModalId'>;
-export declare const Modal: ({ modal, t, index, dirtyModals, closeModal, currentModalId, }: ModalProps) => JSX.Element;
+export declare const Modal: ({ modal, t, index, dirtyModals, closeModal, currentModalId, }: ModalProps) => React.JSX.Element;
 export {};

package/dist/modal/components/modals/modal.js

@@ -35,8 +35,8 @@ const k = {
     const s = (i) => {
       (i.key === "27" || i.key === "Escape") && t(r);
     };
-    return e.id === r && (window == null || window.addEventListener("keydown", s)), () => {
-      window == null || window.removeEventListener("keydown", s);
+    return e.id === r && window?.addEventListener("keydown", s), () => {
+      window?.removeEventListener("keydown", s);
     };
   }, [t, r, e.id]), /* @__PURE__ */ n(y.Fragment, { children: /* @__PURE__ */ u(
     "div",
@@ -85,4 +85,3 @@ const k = {
 export {
   F as Modal
 };
-//# sourceMappingURL=modal.js.map

package/dist/modal/context.js

@@ -39,4 +39,3 @@ export {
   u as ModalContext,
   h as ModalProvider
 };
-//# sourceMappingURL=context.js.map

package/dist/modal/hooks/use-modal.js

@@ -2,27 +2,26 @@ import n, { useEffect as I } from "react";
 import { v4 as S } from "uuid";
 import { deletePropertyById as g } from "../utils/delete-property-by-id.js";
 const x = (c) => {
-  const [s, l] = n.useState([]), [u, M] = n.useState(""), [i, a] = n.useState({}), p = (o) => {
-    a((t) => g(t, o)), l((t) => t.filter((e) => e.id !== o));
-  }, m = (o) => {
-    l((t) => [...t, o]);
-  }, f = (o, t) => {
+  const [s, l] = n.useState([]), [u, M] = n.useState(""), [i, a] = n.useState({}), p = (t) => {
+    a((o) => g(o, t)), l((o) => o.filter((e) => e.id !== t));
+  }, m = (t) => {
+    l((o) => [...o, t]);
+  }, f = (t, o) => {
     a((e) => ({
       ...e,
-      [o]: t
+      [t]: o
     }));
   };
   return I(() => {
-    var t;
-    const o = (t = [...s].pop()) == null ? void 0 : t.id;
-    M(o || ""), document.body.style.overflow = s.length ? "hidden" : "unset";
+    const t = [...s].pop()?.id;
+    M(t || ""), document.body.style.overflow = s.length ? "hidden" : "unset";
   }, [s]), {
-    openModal: (o, t = "s", e = !0) => {
+    openModal: (t, o = "s", e = !0) => {
       const y = (d, r) => ({
         id: S(),
-        modal: o,
+        modal: t,
         props: {
-          size: t,
+          size: o,
           showCloser: e,
           closeCallback: r,
           t: c,
@@ -43,4 +42,3 @@ const x = (c) => {
 export {
   x as useModal
 };
-//# sourceMappingURL=use-modal.js.map

package/dist/modal/index.js

@@ -3,4 +3,3 @@ export {
   d as ModalContext,
   e as ModalProvider
 };
-//# sourceMappingURL=index.js.map

package/dist/modal/utils/delete-property-by-id.js

@@ -5,4 +5,3 @@ const n = (t, r) => {
 export {
   n as deletePropertyById
 };
-//# sourceMappingURL=delete-property-by-id.js.map

package/dist/modal/utils/is-last.js

@@ -4,4 +4,3 @@ function i(n, t) {
 export {
   i as isLast
 };
-//# sourceMappingURL=is-last.js.map

package/dist/mq/component.d.ts

@@ -1,16 +1,7 @@
 import { default as React, FC } from 'react';
 export type MqProps = {
-    /**
-     * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
-     */
     query?: string;
-    /**
-     * Запрос на поддержку тач-событий
-     */
     touch?: boolean;
-    /**
-     * Обработчик изменений в совпадении запросов
-     */
     onMatchChange?: (isMatched: boolean) => void;
     children?: React.ReactNode;
 };

package/dist/mq/component.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { useEffect as m, Fragment as p } from "react";
 import { useMatchMedia as u } from "./use-match-media.js";
 import { isPointerEventsSupported as f, isTouchSupported as d } from "./utils.js";
-const e = typeof window != "undefined", S = e && (f() || d()), R = ({
+const e = typeof window < "u", S = e && (f() || d()), R = ({
   children: i,
   query: s = "",
   touch: r,
@@ -16,4 +16,3 @@ const e = typeof window != "undefined", S = e && (f() || d()), R = ({
 export {
   R as Mq
 };
-//# sourceMappingURL=component.js.map