@alphakits/ui 2.0.13 → 2.2.0

package/dist/mq/index.js

@@ -4,4 +4,3 @@ export {
   r as Mq,
   M as useMatchMedia
 };
-//# sourceMappingURL=index.js.map

package/dist/mq/mq-list.d.ts

@@ -1,4 +1,3 @@
-/** Named media queries (same keys as legacy `mq.json`). */
 declare const mqList: {
     readonly '--mobile-s': "(min-width: 320px)";
     readonly '--mobile-m': "(min-width: 375px)";

package/dist/mq/mq-list.js

@@ -18,4 +18,3 @@ const i = {
 export {
   i as default
 };
-//# sourceMappingURL=mq-list.js.map

package/dist/mq/use-match-media.d.ts

@@ -1,5 +1 @@
-/**
- * Хук для медиа запросов.
- * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
 export declare const useMatchMedia: (query: string) => boolean[];

package/dist/mq/use-match-media.js

@@ -12,4 +12,3 @@ const i = (e) => {
 export {
   i as useMatchMedia
 };
-//# sourceMappingURL=use-match-media.js.map

package/dist/mq/utils.d.ts

@@ -1,20 +1,4 @@
-/**
- * Возвращает MediaQueryList для заданного media-выражения.
- *
- * @param queryProp media выражение или кастомный ключ из `mq-list`, например `--mobile`.
- */
 export declare function getMatchMedia(queryProp: string): MediaQueryList;
-/**
- * Удаляет MediaQueryList.
- *
- * @param queryProp media выражение или кастомный ключ из `mq-list`, например `--mobile`.
- */
 export declare function releaseMatchMedia(queryProp: string): void;
-/**
- * Возвращает `true`, если есть поддержка `Pointer Events`
- */
 export declare function isPointerEventsSupported(): boolean;
-/**
- * Возвращает `true`, если есть поддержка `Touch Events`
- */
 export declare function isTouchSupported(): boolean;

package/dist/mq/utils.js

@@ -9,17 +9,16 @@ function a(t) {
   o[n] -= 1, e[n] && o[n] === 0 && (delete e[n], delete o[n]);
 }
 function d() {
-  if (typeof window == "undefined")
+  if (typeof window > "u")
     return !1;
   const t = window.navigator;
   return "PointerEvent" in window || "msPointerEnabled" in t;
 }
 function u() {
-  var n;
-  if (typeof window == "undefined")
+  if (typeof window > "u")
     return !1;
   const t = window.navigator;
-  return "ontouchstart" in window || t.maxTouchPoints > 0 || ((n = t.msMaxTouchPoints) != null ? n : 0) > 0;
+  return "ontouchstart" in window || t.maxTouchPoints > 0 || (t.msMaxTouchPoints ?? 0) > 0;
 }
 export {
   s as getMatchMedia,
@@ -27,4 +26,3 @@ export {
   u as isTouchSupported,
   a as releaseMatchMedia
 };
-//# sourceMappingURL=utils.js.map

package/dist/notification/component.d.ts

@@ -1,33 +1,12 @@
 import { default as React, MouseEvent } from 'react';
 import { ToastPlateProps } from '../toast-plate';
 export type NotificationProps = ToastPlateProps & {
-    /**
-     * Управление видимостью компонента
-     */
     visible?: boolean;
-    /**
-     * Отступ от верхнего края
-     */
     offset?: number;
-    /**
-     * Время до закрытия компонента
-     */
     autoCloseDelay?: number;
-    /**
-     * Обработчик события истечения времени до закрытия компонента
-     */
     onCloseTimeout?: () => void;
-    /**
-     * Обработчик события наведения курсора на компонент
-     */
     onMouseEnter?: (event?: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик события снятия курсора с компонента
-     */
     onMouseLeave?: (event?: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик клика вне компонента
-     */
     onClickOutside?: (event?: MouseEvent<any>) => void;
 };
 export declare const Notification: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
@@ -43,32 +22,11 @@ export declare const Notification: React.ForwardRefExoticComponent<React.HTMLAtt
     block?: boolean | undefined;
     onClose?: ((event?: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | undefined) => void) | undefined;
 } & {
-    /**
-     * Управление видимостью компонента
-     */
     visible?: boolean | undefined;
-    /**
-     * Отступ от верхнего края
-     */
     offset?: number | undefined;
-    /**
-     * Время до закрытия компонента
-     */
     autoCloseDelay?: number | undefined;
-    /**
-     * Обработчик события истечения времени до закрытия компонента
-     */
     onCloseTimeout?: (() => void) | undefined;
-    /**
-     * Обработчик события наведения курсора на компонент
-     */
     onMouseEnter?: ((event?: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Обработчик события снятия курсора с компонента
-     */
     onMouseLeave?: ((event?: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Обработчик клика вне компонента
-     */
     onClickOutside?: ((event?: MouseEvent<any>) => void) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/notification/component.js

@@ -5,29 +5,29 @@ import { useSwipeable as M, LEFT as U, RIGHT as V, UP as $ } from "react-swipeab
 import q from "classnames";
 import { Portal as z } from "../portal/component.js";
 import { ToastPlate as B } from "../toast-plate/component.js";
-import { useClickOutside as D } from "./utils/index.js";
-import s from "./index.module.css.js";
-const J = `.${s.notificationComponent}`, K = F(
+import { useClickOutside as J } from "./utils/index.js";
+import i from "./index.module.css.js";
+const K = `.${i.notificationComponent}`, v = F(
   ({
     className: g,
     children: h,
     visible: e,
     offset: N = 108,
-    hasCloser: P = !0,
+    hasCloser: S = !0,
     autoCloseDelay: p = 5e3,
     onClose: n,
-    onCloseTimeout: a,
-    onMouseEnter: c,
+    onCloseTimeout: c,
+    onMouseEnter: a,
     onMouseLeave: f,
     onClickOutside: m,
-    style: S,
+    style: P,
     ...k
   }, x) => {
-    const d = u(null), T = u(0), w = u(0), [y, C] = G(!1), i = r(() => {
+    const d = u(null), T = u(0), w = u(0), [A, C] = G(!1), s = r(() => {
       T.current = window.setTimeout(() => {
-        a && a();
+        c && c();
       }, p);
-    }, [p, a]), o = r(() => {
+    }, [p, c]), o = r(() => {
       clearTimeout(T.current);
     }, []);
     R(
@@ -35,28 +35,28 @@ const J = `.${s.notificationComponent}`, K = F(
         clearTimeout(w.current);
       },
       []
-    ), R(() => (e && i(), () => {
+    ), R(() => (e && s(), () => {
       o();
-    }), [i, o, e]);
-    const A = r(
+    }), [s, o, e]);
+    const E = r(
       (t) => {
-        o(), c && c(t);
+        o(), a && a(t);
       },
-      [c, o]
-    ), E = r(
+      [a, o]
+    ), H = r(
       (t) => {
-        o(), i(), f && f(t);
+        o(), s(), f && f(t);
       },
-      [f, i, o]
-    ), H = r(
+      [f, s, o]
+    ), I = r(
       (t) => {
-        const j = !!t.target.closest(J);
-        m && e && !j && m(t);
+        const y = !!t.target.closest(K);
+        m && e && !y && m(t);
       },
       [m, e]
     );
-    D(d, H);
-    const I = M({
+    J(d, I);
+    const j = M({
       onSwiped: ({ dir: t }) => {
         n && [U, V, $].includes(t) && (C(!0), w.current = window.setTimeout(() => {
           C(!1), n();
@@ -65,27 +65,27 @@ const J = `.${s.notificationComponent}`, K = F(
       delta: 100,
       trackMouse: !0
     });
-    return /* @__PURE__ */ l(z, { children: /* @__PURE__ */ l("div", { ...I, children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ l(z, { children: /* @__PURE__ */ l("div", { ...j, children: /* @__PURE__ */ l(
       B,
       {
         className: q(
-          s.notificationComponent,
+          i.notificationComponent,
           {
-            [s.isVisible]: e,
-            [s.isClosing]: y
+            [i.isVisible]: e,
+            [i.isClosing]: A
           },
           g
         ),
-        contentClassName: s.toastContent,
+        contentClassName: i.toastContent,
         style: {
           top: N,
-          ...S
+          ...P
         },
-        onMouseEnter: A,
-        onMouseLeave: E,
+        onMouseEnter: E,
+        onMouseLeave: H,
         ref: L([x, d]),
         role: e ? "alert" : void 0,
-        hasCloser: P,
+        hasCloser: S,
         onClose: n,
         ...k,
         children: h
@@ -93,11 +93,6 @@ const J = `.${s.notificationComponent}`, K = F(
     ) }) });
   }
 );
-K.defaultProps = {
-  autoCloseDelay: 5e3,
-  offset: 108
-};
 export {
-  K as Notification
+  v as Notification
 };
-//# sourceMappingURL=component.js.map

package/dist/notification/index.js

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

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

@@ -12,4 +12,3 @@ export {
   t as notificationComponent,
   i as toastContent
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/notification/utils/index.d.ts

@@ -1,2 +1,2 @@
 import { default as React } from 'react';
-export declare function useClickOutside(ref: React.RefObject<HTMLElement>, cb: (e: React.MouseEvent | React.TouchEvent) => void): void;
+export declare function useClickOutside(ref: React.RefObject<HTMLElement | null>, cb: (e: React.MouseEvent | React.TouchEvent) => void): void;

package/dist/notification/utils/index.js

@@ -12,4 +12,3 @@ function u(t, n) {
 export {
   u as useClickOutside
 };
-//# sourceMappingURL=index.js.map

package/dist/padding/component.d.ts

@@ -1,13 +1,7 @@
 import { default as React } from 'react';
 export interface PaddingProps {
     children?: React.ReactNode;
-    /**
-     * @param padding - значение паддинга в строке ("0px 0px 0px 0px")
-     */
     padding: string;
-    /**
-     * @param className - дополнительный класс
-     */
     className?: string;
 }
 export declare const Padding: React.FC<PaddingProps>;

package/dist/padding/component.js

@@ -3,4 +3,3 @@ const s = ({ padding: o = "", className: t, children: d }) => /* @__PURE__ */ i(
 export {
   s as Padding
 };
-//# sourceMappingURL=component.js.map

package/dist/padding/index.js

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

package/dist/page-container/component.js

@@ -15,4 +15,3 @@ const n = ({
 export {
   n as PageContainer
 };
-//# sourceMappingURL=component.js.map

package/dist/page-container/index.js

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

package/dist/page-container/index.module.css.js

@@ -10,4 +10,3 @@ export {
   a as image,
   e as pageContainer
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/page-loading/component.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PageLoading: () => JSX.Element;
+import { default as React } from 'react';
+export declare const PageLoading: () => React.JSX.Element;

package/dist/page-loading/component.js

@@ -5,4 +5,3 @@ const s = () => /* @__PURE__ */ o("div", { className: m.component, children: /*
 export {
   s as PageLoading
 };
-//# sourceMappingURL=component.js.map

package/dist/page-loading/index.js

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

package/dist/page-loading/index.module.css.js

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

package/dist/page-with-controls/component.js

@@ -13,4 +13,3 @@ const f = ({
 export {
   f as PageWithControls
 };
-//# sourceMappingURL=component.js.map

package/dist/page-with-controls/index.js

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

package/dist/picker-button/common/index.js

@@ -2,4 +2,3 @@ import { LabeledButton as t } from "./labeled-button/index.js";
 export {
   t as LabeledButton
 };
-//# sourceMappingURL=index.js.map

package/dist/picker-button/common/labeled-button/index.js

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

package/dist/picker-button/common/labeled-button/index.module.css.js

@@ -6,4 +6,3 @@ export {
   r as default,
   p as wrapper
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/picker-button/component.d.ts

@@ -3,17 +3,11 @@ import { ButtonProps } from '../button';
 import { BaseSelectProps } from '../select';
 export type PickerButtonSize = 's' | 'm' | 'l' | 'xs';
 export type PickerButtonProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons'> & {
-    /**
-         * Размер кнопки
-         */
     size?: PickerButtonSize;
     icon?: React.ReactNode;
     fieldComponent?: 'button' | 'iconButton';
 };
-export declare const PickerButton: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "placeholder" | "onFocus" | "size" | "hint" | "multiple" | "selected" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "loading"> & {
-    /**
-         * Размер кнопки
-         */
+export declare const PickerButton: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "hint" | "onFocus" | "size" | "multiple" | "placeholder" | "selected" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "fieldProps"> & Pick<ButtonProps, "view" | "leftAddons" | "loading"> & {
     size?: PickerButtonSize | undefined;
     icon?: React.ReactNode;
     fieldComponent?: "button" | "iconButton" | undefined;

package/dist/picker-button/component.js

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

package/dist/picker-button/field/Component.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ButtonProps } from '../../button';
 import { SelectFieldProps as BaseFieldProps } from '../../select';
 import { PickerButtonSize } from '..';
@@ -6,5 +7,5 @@ type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | '
     icon?: any;
     fieldComponent?: 'button' | 'iconButton';
 };
-export declare const Field: ({ buttonSize, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, fieldComponent, ...restProps }: FieldProps) => JSX.Element;
+export declare const Field: ({ buttonSize, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, fieldComponent, ...restProps }: FieldProps) => React.JSX.Element;
 export {};

package/dist/picker-button/field/Component.js

@@ -47,4 +47,3 @@ const C = ({
 export {
   C as Field
 };
-//# sourceMappingURL=Component.js.map

package/dist/picker-button/field/index.js

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

package/dist/picker-button/field/index.module.css.js

@@ -8,4 +8,3 @@ export {
   n as iconContainer,
   o as open
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/picker-button/index.js

@@ -4,4 +4,3 @@ export {
   f as LabeledButton,
   e as PickerButton
 };
-//# sourceMappingURL=index.js.map

package/dist/picker-button/index.module.css.js

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

package/dist/popover/component.d.ts

@@ -4,72 +4,21 @@ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 export type Position = Placement;
 export type PopoverProps = {
     children?: React.ReactNode;
-    /**
-     * Управление состоянием поповера (открыт/закрыт)
-     */
     open: boolean;
-    /**
-     * Элемент, относительного которого появляется поповер
-     */
     anchorElement: HTMLElement;
-    /**
-     * Позиционирование поповера
-     */
     position?: Position;
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
     preventFlip?: boolean;
-    /**
-     * Если `true`, будет отрисована стрелочка
-     */
     withArrow?: boolean;
-    /**
-     * Смещение поповера.
-     * Если позиционирование top, bottom, то [crossAxis, mainAxis] (как раньше [x, y]).
-     * Если позиционирование left, right — то же порядок [crossAxis, mainAxis] ([y, x] в старых терминах).
-     */
     offset?: [number, number];
-    /**
-     * Дополнительный класс для поповера
-     */
     popperClassName?: string;
-    /**
-     * Дополнительный класс для стрелочки
-     */
     arrowClassName?: string;
-    /**
-     * Функция, возвращающая контейнер, в который будет рендериться поповер
-     */
     getPortalContainer?: () => HTMLElement;
-    /**
-     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
     transition?: CSSTransitionProps;
-    /**
-     * Выставляет кастомное свойство transition-duration
-     */
     transitionDuration?: CSSProperties['transitionDuration'];
-    /**
-     * Рендерит компонент, обернутый в Transition
-     */
     withTransition?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение компонента
-     */
     update?: MutableRefObject<() => void>;
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * z-index компонента
-     */
     zIndex?: number;
 };
 export declare const Popover: React.FC<PopoverProps>;