@alphakits/ui 2.0.13 → 2.2.0

package/dist/calendar/use-calendar.d.ts

@@ -1,94 +1,17 @@
-import { KeyboardEvent, MouseEvent, Ref } from 'react';
-import { Day, Month, View } from './typings';
+import { UseCalendarReturn, View } from './typings';
 export type UseCalendarProps = {
-    /**
-     * Активный вид (выбор дней, месяцев, лет)
-     */
     view?: View;
-    /**
-     * Выбранный месяц (controlled)
-     */
     month?: Date;
-    /**
-     * Выбранный месяц (controlled)
-     */
     year?: Date;
-    /**
-     * Начальный месяц
-     */
     defaultMonth: Date;
-    /**
-     * Минимальная дата, доступная для выбора
-     */
     minDate?: Date;
-    /**
-     * Максимальная дата, доступная для выбора
-     */
     maxDate?: Date;
-    /**
-     * Выбранная дата
-     */
     selected?: Date;
-    /**
-     * Список событий
-     */
     events?: Array<Date | number>;
-    /**
-     * Список выходных дней
-     */
     offDays?: Array<Date | number>;
-    /**
-     * Обработчик изменения месяца (или года)
-     */
     onMonthChange?: (month: number) => void;
-    /**
-     * Обработчик изменения месяца (или года)
-     */
     onYearChange?: (year: number) => void;
-    /**
-     * Обработчик выбора даты
-     */
     onChange?: (date: number) => void;
-    /**
-     * Calendar view handler
-     */
     setView: (value: View) => void;
 };
-export declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, onMonthChange, onYearChange, onChange, setView, }: UseCalendarProps): {
-    activeMonth: Date;
-    activeYear: Date;
-    weeks: Day[][];
-    months: Month[];
-    canSetPrevMonth: boolean;
-    canSetNextMonth: boolean;
-    highlighted: number | Date | undefined;
-    setPrevMonth: () => void;
-    setNextMonth: () => void;
-    setNextYear: () => void;
-    setPrevYear: () => void;
-    setMonthByDate: (newMonth: Date) => void;
-    getDayProps: (day: Day) => {
-        'data-date': number;
-        'aria-selected': boolean | undefined;
-        ref: (node: HTMLButtonElement) => void;
-        tabIndex: number;
-        onMouseEnter: (event: MouseEvent<HTMLButtonElement>) => void;
-        onMouseLeave: () => void;
-        onClick: (event: MouseEvent<HTMLButtonElement>) => void;
-    };
-    getMonthProps: (selectedMonth: Month) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        ref: (node: HTMLButtonElement) => void;
-        tabIndex: number;
-        disabled: boolean | undefined;
-        onClick: (e: MouseEvent<HTMLButtonElement>) => void;
-    };
-    getRootProps: ({ ref }: {
-        ref?: Ref<HTMLDivElement>;
-    }) => {
-        onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
-        ref: (instance: HTMLDivElement | null) => void;
-        tabIndex: number;
-    };
-};
+export declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, onMonthChange, onYearChange, onChange, setView, }: UseCalendarProps): UseCalendarReturn;

package/dist/calendar/use-calendar.js

@@ -218,7 +218,7 @@ function Ut({
     },
     [d, D, X, K]
   ), vt = o(
-    ({ ref: t = null }) => ({
+    ({ ref: t = null } = {}) => ({
       onKeyDown: L,
       ref: Tt([t, P]),
       tabIndex: -1
@@ -246,4 +246,3 @@ function Ut({
 export {
   Ut as useCalendar
 };
-//# sourceMappingURL=use-calendar.js.map

package/dist/calendar/use-period.d.ts

@@ -1,15 +1,6 @@
 type UsePeriodProps = {
-    /**
-     * Обработчик изменения выделенного периода
-     */
     onPeriodChange?: (selectedFrom?: number, selectedTo?: number) => void;
-    /**
-     * Начальное значение начала выделенного периода
-     */
     initialSelectedFrom?: number;
-    /**
-     * Начальное значение конца выделенного периода
-     */
     initialSelectedTo?: number;
 };
 export declare function usePeriod({ onPeriodChange, initialSelectedFrom, initialSelectedTo, }: UsePeriodProps): {

package/dist/calendar/use-period.js

@@ -47,4 +47,3 @@ function E({
 export {
   E as usePeriod
 };
-//# sourceMappingURL=use-period.js.map

package/dist/calendar/utils.d.ts

@@ -2,13 +2,7 @@ import { DateShift, Day, Month, SpecialDays } from './typings';
 export declare const DAYS_IN_WEEK = 7;
 export declare const MONTHS_IN_YEAR = 12;
 export declare const SUNDAY_INDEX = 6;
-/**
- * Возвращает «правильный» индекс дня недели, 0 - пн, 1 - вт и так далее.
- */
 export declare function russianWeekDay(date: Date): number;
-/**
- * Возвращает таблицу-календарь с заполненными датами для переданного месяца
- */
 export declare function generateWeeks(month: Date, options: {
     minDate?: Date;
     maxDate?: Date;
@@ -16,20 +10,11 @@ export declare function generateWeeks(month: Date, options: {
     eventsMap?: SpecialDays;
     offDaysMap?: SpecialDays;
 }): Day[][];
-/**
- * Возвращает массив с месяцами для переданного года
- */
 export declare function generateMonths(year: Date, options: {
     minMonth?: Date;
     maxMonth?: Date;
 }): Month[];
-/**
- * Возвращает массив лет от minYear до maxYear
- */
 export declare function generateYears(minYear: Date, maxYear: Date): Date[];
-/**
- * Добавляет метаданные для переданного дня
- */
 export declare function buildDay(day: Date, firstDay: Date, options: {
     minDate?: Date;
     maxDate?: Date;
@@ -37,40 +22,18 @@ export declare function buildDay(day: Date, firstDay: Date, options: {
     eventsMap?: SpecialDays;
     offDaysMap?: SpecialDays;
 }): Day;
-/**
- * Добавляет метаданные для переданного месяца
- */
 export declare function buildMonth(month: Date, options: {
     minMonth?: Date;
     maxMonth?: Date;
 }): Month;
-/**
- * Ограничивает дату на отрезке [minDate, maxDate]
- */
 export declare function limitDate(date: Date | number, minDate?: Date | number, maxDate?: Date | number): Date;
-/**
- * Проверяет, находится ли переданная дата в указанных границах
- */
 export declare function dateInLimits(date?: Date | number | null, minDate?: Date | number, maxDate?: Date | number): boolean | 0 | null | undefined;
-/**
- * Локализованное название месяца (Intl).
- */
 export declare function monthName(month: Date, localeTag: string, shortNames: boolean): string;
-/**
- * Превращает массив в объект, у которого ключи составляются из элементов массива
- */
 export declare function dateArrayToHashTable(arr: Array<Date | number>): Record<number, boolean>;
-/**
- * Возвращает корректный отрезок дат для выделения
- */
 export declare function getSelectionRange(from?: Date | number, to?: Date | number, highlighted?: Date | number): {
     start: Date;
     end: Date;
 } | null;
 export declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date, maxDate?: Date, offDaysMap?: Record<number, boolean>): Date;
-/**
- * Если дата была выбрана мышкой — фокусную обводку не видно
- * TODO: добавить в useFocus возможность переключать метод ввода программно
- */
 export declare function simulateTab(node: HTMLElement): void;
 export declare function useDidUpdateEffect(fn: () => void, deps: unknown[]): void;

package/dist/calendar/utils.js

@@ -116,4 +116,3 @@ export {
   V as simulateTab,
   Z as useDidUpdateEffect
 };
-//# sourceMappingURL=utils.js.map

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

@@ -2,164 +2,54 @@ import { default as React, ChangeEvent, MouseEvent } from 'react';
 import { CalendarProps } from '../calendar';
 import { MaskedInputProps } from '../masked-input';
 export type CalendarInputProps = Omit<MaskedInputProps, 'mask' | 'value' | 'onChange' | 'rightAddons' | 'onBeforeDisplay'> & {
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean;
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Дополнительный класс для инпута
-     */
     inputClassName?: string;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean;
-    /**
-     * Доп. пропсы для календаря
-     */
     calendarProps?: CalendarProps;
-    /**
-     * Значение инпута (используется и для календаря)
-     */
     value?: string;
-    /**
-     * Начальное значение инпута
-     */
     defaultValue?: string;
-    /**
-     * Состояние открытия по умолчанию
-     */
     defaultOpen?: boolean;
-    /**
-     * Месяц в календаре по умолчанию (timestamp)
-     */
     defaultMonth?: number;
-    /**
-     * Минимальная дата, доступная для выбора (timestamp)
-     */
     minDate?: number;
-    /**
-     * Максимальная дата, доступная для выбора (timestamp)
-     */
     maxDate?: number;
-    /**
-     * Определяет, как рендерить календарь — в поповере или снизу инпута
-     */
     calendarPosition?: 'static' | 'popover';
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
     preventFlip?: boolean;
-    /**
-     * Управление нативным режимом на мобильных устройствах
-     */
     mobileMode?: 'native' | 'popover' | 'input';
-    /**
-     * Обработчик изменения значения
-     */
     onChange?: (event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null, payload: {
         date: Date;
         value: string;
     }) => void;
-    /**
-     * Обработчик ввода в инпут
-     */
     onInputChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
         value: string;
         date: Date;
     }) => void;
-    /**
-     * Обработчик изменения календаря
-     */
     onCalendarChange?: CalendarProps['onChange'];
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
 };
 export declare const CalendarInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "onChange" | "value" | "rightAddons" | "onBeforeDisplay"> & {
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean | undefined;
-    /**
-     * Дополнительный класс
-     */
     className?: string | undefined;
-    /**
-     * Дополнительный класс для инпута
-     */
     inputClassName?: string | undefined;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean | undefined;
-    /**
-     * Доп. пропсы для календаря
-     */
     calendarProps?: CalendarProps | undefined;
-    /**
-     * Значение инпута (используется и для календаря)
-     */
     value?: string | undefined;
-    /**
-     * Начальное значение инпута
-     */
     defaultValue?: string | undefined;
-    /**
-     * Состояние открытия по умолчанию
-     */
     defaultOpen?: boolean | undefined;
-    /**
-     * Месяц в календаре по умолчанию (timestamp)
-     */
     defaultMonth?: number | undefined;
-    /**
-     * Минимальная дата, доступная для выбора (timestamp)
-     */
     minDate?: number | undefined;
-    /**
-     * Максимальная дата, доступная для выбора (timestamp)
-     */
     maxDate?: number | undefined;
-    /**
-     * Определяет, как рендерить календарь — в поповере или снизу инпута
-     */
-    calendarPosition?: "static" | "popover" | undefined;
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
+    calendarPosition?: "popover" | "static" | undefined;
     preventFlip?: boolean | undefined;
-    /**
-     * Управление нативным режимом на мобильных устройствах
-     */
     mobileMode?: "input" | "popover" | "native" | undefined;
-    /**
-     * Обработчик изменения значения
-     */
     onChange?: ((event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement> | null, payload: {
         date: Date;
         value: string;
     }) => void) | undefined;
-    /**
-     * Обработчик ввода в инпут
-     */
     onInputChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
         value: string;
         date: Date;
     }) => void) | undefined;
-    /**
-     * Обработчик изменения календаря
-     */
     onCalendarChange?: CalendarProps['onChange'];
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/calendar-input/component.js

@@ -184,4 +184,3 @@ const be = de(
 export {
   be as CalendarInput
 };
-//# sourceMappingURL=component.js.map

package/dist/calendar-input/index.js

@@ -11,4 +11,3 @@ export {
   a as isInputDateSupported,
   o as parseDateString
 };
-//# sourceMappingURL=index.js.map

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

@@ -14,4 +14,3 @@ export {
   e as default,
   a as nativeInput
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/calendar-input/utils.d.ts

@@ -5,7 +5,4 @@ export declare const IS_BROWSER: boolean;
 export declare const SUPPORTS_INPUT_TYPE_DATE: boolean;
 export declare const isCompleteDateInput: (input: string) => boolean;
 export declare const parseDateString: (value: string, dateFormat?: string) => Date;
-/**
- * Возвращает `true`, если поддерживается `input[type="date"]`
- */
 export declare function isInputDateSupported(): boolean;

package/dist/calendar-input/utils.js

@@ -1,5 +1,5 @@
 import { parse as n } from "../utils/date/index.js";
-const d = "dd.MM.yyyy", c = "yyyy-MM-dd", o = [/\d/, /\d/, ".", /\d/, /\d/, ".", /\d/, /\d/, /\d/, /\d/], s = typeof window != "undefined", r = s && u(), a = (t) => t.length === o.length, i = (t, e = d) => n(t, e);
+const d = "dd.MM.yyyy", c = "yyyy-MM-dd", o = [/\d/, /\d/, ".", /\d/, /\d/, ".", /\d/, /\d/, /\d/, /\d/], s = typeof window < "u", r = s && u(), a = (t) => t.length === o.length, i = (t, e = d) => n(t, e);
 function u() {
   const t = document.createElement("input"), e = "a";
   return t.setAttribute("type", "date"), t.setAttribute("value", e), t.value !== e;
@@ -14,4 +14,3 @@ export {
   u as isInputDateSupported,
   i as parseDateString
 };
-//# sourceMappingURL=utils.js.map

package/dist/card/component.js

@@ -51,4 +51,3 @@ const y = ({
 export {
   y as Card
 };
-//# sourceMappingURL=component.js.map

package/dist/card/images/index.js

@@ -10,4 +10,3 @@ const d = ({
 export {
   d as CardImages
 };
-//# sourceMappingURL=index.js.map

package/dist/card/images/index.module.css.js

@@ -14,4 +14,3 @@ export {
   l as horizontal,
   c as vertical
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/card/index.js

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

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

@@ -12,4 +12,3 @@ export {
   n as full,
   o as titleWrap
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/cell/base/component.d.ts

@@ -1,23 +1,14 @@
 import { default as React } from 'react';
 import { PureProps } from '../pure/component';
 export type BaseProps = {
-    /** Заголовок */
     title?: React.ReactNode;
-    /** Подзаголовок */
     subtitle?: React.ReactNode;
-    /** Css-класс для стилизации */
     className?: string;
-    /** Размер ячейки */
     size?: PureProps['size'];
-    /** Id компонента для тестов */
     dataTestId?: string;
-    /** addon - контейнер для фото или иконки */
     addon?: React.ReactNode;
-    /** Компактное расположение addon рядом с текстом */
     compactAddon?: boolean;
-    /** Запрет переноса заголовка и обрезка в одну строку */
     singleLineTitle?: boolean;
-    /** Показывать tooltip только при обрезке заголовка */
     showTitleTooltipOnOverflow?: boolean;
 };
 export declare const Base: React.FC<BaseProps>;

package/dist/cell/base/component.js

@@ -31,7 +31,7 @@ const q = ({
     const o = () => {
       f(t.scrollWidth > t.clientWidth);
     };
-    if (o(), typeof ResizeObserver != "undefined") {
+    if (o(), typeof ResizeObserver < "u") {
       const l = new ResizeObserver(o);
       return l.observe(t), () => l.disconnect();
     }
@@ -86,4 +86,3 @@ const q = ({
 export {
   q as Base
 };
-//# sourceMappingURL=component.js.map

package/dist/cell/base/index.module.css.js

@@ -16,4 +16,3 @@ export {
   n as title,
   e as title_wrap
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/cell/component.d.ts

@@ -1,16 +1,5 @@
 import { Base } from './base/component';
 import { Pure } from './pure/component';
-/**
- * Ячейки
- *
- * @module Pure - простая ячейка
- * @module Action - ячейка действия
- * @module Autopayment - ячейка шаблона или автоплатежа
- * @module Transaction - ячейка транзакции
- * @module Catalog - ячейка каталога
- * @module Subscription - ячейка подписки
- * @module Base - ячейка без действия
- */
 export declare const Cell: {
     Pure: typeof Pure;
     Base: typeof Base;

package/dist/cell/component.js

@@ -7,4 +7,3 @@ const t = {
 export {
   t as Cell
 };
-//# sourceMappingURL=component.js.map

package/dist/cell/index.js

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

package/dist/cell/pure/component.d.ts

@@ -1,26 +1,14 @@
 import { default as React, HTMLAttributes } from 'react';
 type ComponentProps = {
     children?: React.ReactNode;
-    /** Слот для иконки */
     slot?: React.ReactNode;
-    /** Порядок отображения слота и children */
     order?: 'normal' | 'reverse';
-    /** Направление */
     direction?: 'horizontal' | 'vertical';
-    /** Размер ячейки */
     size?: 's' | 'm' | 'l';
-    /** Компактный режим расположения слота */
     compact?: boolean;
-    /** Сss-класс для стилизации контейнера */
     className?: string;
-    /** Id компонента для тестов */
     dataTestId?: string;
 };
 export type PureProps = Omit<HTMLAttributes<HTMLDivElement>, 'slot'> & ComponentProps;
-/**
- * Ячейка
- *
- * Отвечает за отступы и вертикальное или горизонтальное положение
- */
 export declare const Pure: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "slot"> & ComponentProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/cell/pure/component.js

@@ -39,4 +39,3 @@ const w = v(
 export {
   w as Pure
 };
-//# sourceMappingURL=component.js.map

package/dist/cell/pure/index.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.js.map

package/dist/cell/pure/index.module.css.js

@@ -26,4 +26,3 @@ export {
   c as s,
   a as vertical
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/checkbox/component.d.ts

@@ -2,93 +2,33 @@ import { default as React, ChangeEvent, InputHTMLAttributes, ReactNode } from 'r
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 export type CheckboxProps = Omit<NativeProps, 'size' | 'onChange'> & {
-    /**
-     * Управление состоянием вкл/выкл чекбокса (native prop)
-     */
     checked?: boolean;
-    /**
-     * Обработчик переключения чекбокса
-     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name?: string;
     }) => void;
-    /**
-     * Текст подписи к чекбоксу
-     */
     label?: ReactNode;
-    /**
-     * Текст подсказки снизу
-     */
     hint?: ReactNode;
-    /**
-     * Размер компонента
-     */
     size?: 's' | 'm';
-    /**
-     * Выравнивание
-     */
     align?: Align;
-    /**
-     * Дополнительный слот
-     */
     addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
     block?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Управление неопределенным состоянием чекбокса
-     */
     indeterminate?: boolean;
 };
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "onChange" | "size"> & {
-    /**
-     * Управление состоянием вкл/выкл чекбокса (native prop)
-     */
     checked?: boolean | undefined;
-    /**
-     * Обработчик переключения чекбокса
-     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name?: string;
     }) => void;
-    /**
-     * Текст подписи к чекбоксу
-     */
     label?: ReactNode;
-    /**
-     * Текст подсказки снизу
-     */
     hint?: ReactNode;
-    /**
-     * Размер компонента
-     */
     size?: "s" | "m" | undefined;
-    /**
-     * Выравнивание
-     */
     align?: Align | undefined;
-    /**
-     * Дополнительный слот
-     */
     addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
     block?: boolean | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
-    /**
-     * Управление неопределенным состоянием чекбокса
-     */
     indeterminate?: boolean | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
 export {};