@alfalab/core-components-calendar-range 7.2.12 → 7.2.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.js +1 -1
- package/components/divider/Component.js +1 -1
- package/components/divider/index.css +8 -8
- package/esm/Component.js +1 -1
- package/esm/components/divider/Component.js +1 -1
- package/esm/components/divider/index.css +8 -8
- package/esm/index.js +1 -1
- package/esm/index.module-a868770d.js +4 -0
- package/esm/views/index.css +7 -7
- package/esm/views/popover.js +1 -1
- package/esm/views/static.js +1 -1
- package/index.js +1 -1
- package/index.module-db3c6460.js +6 -0
- package/modern/Component.js +1 -1
- package/modern/components/divider/Component.js +1 -1
- package/modern/components/divider/index.css +8 -8
- package/modern/index.js +1 -1
- package/modern/index.module-2f269bb7.js +4 -0
- package/modern/views/index.css +7 -7
- package/modern/views/popover.js +1 -1
- package/modern/views/static.js +1 -1
- package/package.json +4 -4
- package/views/index.css +7 -7
- package/views/popover.js +1 -1
- package/views/static.js +1 -1
- package/Component-5684a67d.d.ts +0 -22
- package/Component-69921c40.d.ts +0 -24
- package/Component-89f0cb07.d.ts +0 -90
- package/Component-e2b6c730.d.ts +0 -23
- package/Component.desktop-0aa4e915.d.ts +0 -5
- package/Component.desktop-e2b6c730.d.ts +0 -138
- package/Component.responsive-0aa4e915.d.ts +0 -67
- package/cssm/Component-5684a67d.d.ts +0 -22
- package/cssm/Component-69921c40.d.ts +0 -24
- package/cssm/Component-89f0cb07.d.ts +0 -90
- package/cssm/Component-e2b6c730.d.ts +0 -23
- package/cssm/Component.desktop-0aa4e915.d.ts +0 -5
- package/cssm/Component.desktop-e2b6c730.d.ts +0 -138
- package/cssm/Component.responsive-0aa4e915.d.ts +0 -67
- package/cssm/desktop-69921c40.d.ts +0 -2
- package/cssm/index-89f0cb07.d.ts +0 -2
- package/cssm/index-ebda875c.d.ts +0 -1
- package/cssm/index-f034f741.d.ts +0 -2
- package/cssm/shared-848397c5.d.ts +0 -35
- package/cssm/shared-c111a9fd.d.ts +0 -13
- package/cssm/typings-5684a67d.d.ts +0 -23
- package/cssm/typings-89f0cb07.d.ts +0 -93
- package/cssm/useCalendar-71d94e2b.d.ts +0 -97
- package/cssm/utils-e0a54580.d.ts +0 -8
- package/cssm/utils-e2b6c730.d.ts +0 -88
- package/desktop-69921c40.d.ts +0 -2
- package/esm/Component-5684a67d.d.ts +0 -22
- package/esm/Component-69921c40.d.ts +0 -24
- package/esm/Component-89f0cb07.d.ts +0 -90
- package/esm/Component-e2b6c730.d.ts +0 -23
- package/esm/Component.desktop-0aa4e915.d.ts +0 -5
- package/esm/Component.desktop-e2b6c730.d.ts +0 -138
- package/esm/Component.responsive-0aa4e915.d.ts +0 -67
- package/esm/desktop-69921c40.d.ts +0 -2
- package/esm/index-89f0cb07.d.ts +0 -2
- package/esm/index-ebda875c.d.ts +0 -1
- package/esm/index-f034f741.d.ts +0 -2
- package/esm/index.module-3f70c4f0.js +0 -4
- package/esm/shared-848397c5.d.ts +0 -35
- package/esm/shared-c111a9fd.d.ts +0 -13
- package/esm/typings-5684a67d.d.ts +0 -23
- package/esm/typings-89f0cb07.d.ts +0 -93
- package/esm/useCalendar-71d94e2b.d.ts +0 -97
- package/esm/utils-e0a54580.d.ts +0 -8
- package/esm/utils-e2b6c730.d.ts +0 -88
- package/index-89f0cb07.d.ts +0 -2
- package/index-ebda875c.d.ts +0 -1
- package/index-f034f741.d.ts +0 -2
- package/index.module-661eb959.js +0 -6
- package/modern/Component-5684a67d.d.ts +0 -22
- package/modern/Component-69921c40.d.ts +0 -24
- package/modern/Component-89f0cb07.d.ts +0 -90
- package/modern/Component-e2b6c730.d.ts +0 -23
- package/modern/Component.desktop-0aa4e915.d.ts +0 -5
- package/modern/Component.desktop-e2b6c730.d.ts +0 -138
- package/modern/Component.responsive-0aa4e915.d.ts +0 -67
- package/modern/desktop-69921c40.d.ts +0 -2
- package/modern/index-89f0cb07.d.ts +0 -2
- package/modern/index-ebda875c.d.ts +0 -1
- package/modern/index-f034f741.d.ts +0 -2
- package/modern/index.module-a0384b3f.js +0 -4
- package/modern/shared-848397c5.d.ts +0 -35
- package/modern/shared-c111a9fd.d.ts +0 -13
- package/modern/typings-5684a67d.d.ts +0 -23
- package/modern/typings-89f0cb07.d.ts +0 -93
- package/modern/useCalendar-71d94e2b.d.ts +0 -97
- package/modern/utils-e0a54580.d.ts +0 -8
- package/modern/utils-e2b6c730.d.ts +0 -88
- package/shared-848397c5.d.ts +0 -35
- package/shared-c111a9fd.d.ts +0 -13
- package/typings-5684a67d.d.ts +0 -23
- package/typings-89f0cb07.d.ts +0 -93
- package/useCalendar-71d94e2b.d.ts +0 -97
- package/utils-e0a54580.d.ts +0 -8
- package/utils-e2b6c730.d.ts +0 -88
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
|
|
2
|
-
type StyleColors = {
|
|
3
|
-
default: {
|
|
4
|
-
[key: string]: string;
|
|
5
|
-
};
|
|
6
|
-
inverted: {
|
|
7
|
-
[key: string]: string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
type ComponentProps = {
|
|
11
|
-
/**
|
|
12
|
-
* Тип кнопки
|
|
13
|
-
* @default secondary
|
|
14
|
-
*/
|
|
15
|
-
view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
|
|
16
|
-
/**
|
|
17
|
-
* Слот слева
|
|
18
|
-
*/
|
|
19
|
-
leftAddons?: ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* Слот справа
|
|
22
|
-
*/
|
|
23
|
-
rightAddons?: ReactNode;
|
|
24
|
-
/**
|
|
25
|
-
* Размер компонента
|
|
26
|
-
* @default m
|
|
27
|
-
*/
|
|
28
|
-
size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
29
|
-
/**
|
|
30
|
-
* Растягивает компонент на ширину контейнера
|
|
31
|
-
* @default false
|
|
32
|
-
*/
|
|
33
|
-
block?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Дополнительный класс
|
|
36
|
-
*/
|
|
37
|
-
className?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Дополнительный класс для спиннера
|
|
40
|
-
*/
|
|
41
|
-
spinnerClassName?: string;
|
|
42
|
-
/**
|
|
43
|
-
* Выводит ссылку в виде кнопки
|
|
44
|
-
*/
|
|
45
|
-
href?: string;
|
|
46
|
-
/**
|
|
47
|
-
* Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
|
|
48
|
-
*/
|
|
49
|
-
Component?: ElementType;
|
|
50
|
-
/**
|
|
51
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
52
|
-
*/
|
|
53
|
-
dataTestId?: string;
|
|
54
|
-
/**
|
|
55
|
-
* Показать лоадер
|
|
56
|
-
* @default false
|
|
57
|
-
*/
|
|
58
|
-
loading?: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* Не переносить текст кнопки на новую строку
|
|
61
|
-
* @default false
|
|
62
|
-
*/
|
|
63
|
-
nowrap?: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Набор цветов для компонента
|
|
66
|
-
*/
|
|
67
|
-
colors?: 'default' | 'inverted';
|
|
68
|
-
/**
|
|
69
|
-
* Дочерние элементы.
|
|
70
|
-
*/
|
|
71
|
-
children?: ReactNode;
|
|
72
|
-
};
|
|
73
|
-
type PrivateButtonProps = {
|
|
74
|
-
/**
|
|
75
|
-
* Основные стили компонента.
|
|
76
|
-
*/
|
|
77
|
-
styles: {
|
|
78
|
-
[key: string]: string;
|
|
79
|
-
};
|
|
80
|
-
/**
|
|
81
|
-
* Стили компонента для default и inverted режима.
|
|
82
|
-
*/
|
|
83
|
-
colorStylesMap: StyleColors;
|
|
84
|
-
};
|
|
85
|
-
type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
86
|
-
type ButtonProps = CommonButtonProps & {
|
|
87
|
-
/**
|
|
88
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
89
|
-
* @default 1024
|
|
90
|
-
*/
|
|
91
|
-
breakpoint?: number;
|
|
92
|
-
};
|
|
93
|
-
export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { KeyboardEvent, MouseEvent, Ref } from 'react';
|
|
3
|
-
import { Day, DayAddons, Month, View } from "./typings-5684a67d";
|
|
4
|
-
type UseCalendarProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Активный вид (выбор дней, месяцев, лет)
|
|
7
|
-
*/
|
|
8
|
-
view?: View;
|
|
9
|
-
/**
|
|
10
|
-
* Выбранный месяц (controlled)
|
|
11
|
-
*/
|
|
12
|
-
month?: Date;
|
|
13
|
-
/**
|
|
14
|
-
* Начальный месяц
|
|
15
|
-
*/
|
|
16
|
-
defaultMonth: Date;
|
|
17
|
-
/**
|
|
18
|
-
* Минимальная дата, доступная для выбора
|
|
19
|
-
*/
|
|
20
|
-
minDate?: Date;
|
|
21
|
-
/**
|
|
22
|
-
* Максимальная дата, доступная для выбора
|
|
23
|
-
*/
|
|
24
|
-
maxDate?: Date;
|
|
25
|
-
/**
|
|
26
|
-
* Выбранная дата
|
|
27
|
-
*/
|
|
28
|
-
selected?: Date;
|
|
29
|
-
/**
|
|
30
|
-
* Список событий
|
|
31
|
-
*/
|
|
32
|
-
events?: Array<Date | number>;
|
|
33
|
-
/**
|
|
34
|
-
* Список отключенных для выбора дней
|
|
35
|
-
*/
|
|
36
|
-
offDays?: Array<Date | number>;
|
|
37
|
-
/**
|
|
38
|
-
* Список выходных дней
|
|
39
|
-
*/
|
|
40
|
-
holidays?: Array<Date | number>;
|
|
41
|
-
/**
|
|
42
|
-
* Обработчик изменения месяца (или года)
|
|
43
|
-
*/
|
|
44
|
-
onMonthChange?: (month: number) => void;
|
|
45
|
-
/**
|
|
46
|
-
* Обработчик выбора даты
|
|
47
|
-
*/
|
|
48
|
-
onChange?: (date: number) => void;
|
|
49
|
-
/**
|
|
50
|
-
* Дополнительный контент под числом
|
|
51
|
-
*/
|
|
52
|
-
dayAddons?: DayAddons[];
|
|
53
|
-
};
|
|
54
|
-
declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, }: UseCalendarProps): {
|
|
55
|
-
activeMonth: Date;
|
|
56
|
-
weeks: Day[][];
|
|
57
|
-
months: Month[];
|
|
58
|
-
years: Date[];
|
|
59
|
-
canSetPrevMonth: boolean;
|
|
60
|
-
canSetNextMonth: boolean;
|
|
61
|
-
highlighted: number | Date | undefined;
|
|
62
|
-
setPrevMonth: () => void;
|
|
63
|
-
setNextMonth: () => void;
|
|
64
|
-
setMonthByDate: (newMonth: Date) => void;
|
|
65
|
-
getDayProps: (day: Day) => {
|
|
66
|
-
'data-date': number;
|
|
67
|
-
'aria-selected': boolean | undefined;
|
|
68
|
-
ref: (node: HTMLTableDataCellElement) => void;
|
|
69
|
-
tabIndex: number;
|
|
70
|
-
onMouseEnter: (event: MouseEvent<HTMLTableDataCellElement>) => void;
|
|
71
|
-
onMouseLeave: () => void;
|
|
72
|
-
onClick: (event: MouseEvent<HTMLTableDataCellElement>) => void;
|
|
73
|
-
};
|
|
74
|
-
getMonthProps: (currMonth: Month) => {
|
|
75
|
-
'data-date': number;
|
|
76
|
-
'aria-selected': boolean;
|
|
77
|
-
ref: (node: HTMLButtonElement) => void;
|
|
78
|
-
tabIndex: number;
|
|
79
|
-
disabled: boolean | undefined;
|
|
80
|
-
onClick: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
81
|
-
};
|
|
82
|
-
getYearProps: (year: Date) => {
|
|
83
|
-
'data-date': number;
|
|
84
|
-
'aria-selected': boolean;
|
|
85
|
-
ref: (node: HTMLButtonElement) => void;
|
|
86
|
-
tabIndex: number;
|
|
87
|
-
onClick: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
88
|
-
};
|
|
89
|
-
getRootProps: ({ ref }: {
|
|
90
|
-
ref?: Ref<HTMLDivElement> | undefined;
|
|
91
|
-
}) => {
|
|
92
|
-
onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
93
|
-
ref: (instance: HTMLDivElement | null) => void;
|
|
94
|
-
tabIndex: number;
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
|
-
export { UseCalendarProps, useCalendar };
|
package/cssm/utils-e0a54580.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { PeriodType } from "./index-f034f741";
|
|
2
|
-
declare const formatPeriod: (valueFrom: Date, valueTo: Date, periodType: PeriodType, showCurrentYear?: boolean) => string;
|
|
3
|
-
declare const getYearSelectorValue: (valueFrom: Date | undefined, showCurrentYear: boolean) => number | "";
|
|
4
|
-
declare const shiftValues: (valueFrom: Date, valueTo: Date, periodType: PeriodType, direction: 'prev' | 'next') => {
|
|
5
|
-
valueFrom: Date;
|
|
6
|
-
valueTo: Date;
|
|
7
|
-
};
|
|
8
|
-
export { formatPeriod, getYearSelectorValue, shiftValues };
|
package/cssm/utils-e2b6c730.d.ts
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { DateShift, Day, DayAddons, Month, SpecialDays, SpecialDaysAddon } from "./typings-5684a67d";
|
|
3
|
-
declare const DAYS_IN_WEEK = 7;
|
|
4
|
-
declare const MONTHS_IN_YEAR = 12;
|
|
5
|
-
declare const SUNDAY_INDEX = 6;
|
|
6
|
-
declare const DATE_FORMAT = "dd.MM.yyyy";
|
|
7
|
-
declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
|
|
8
|
-
declare const WEEKDAYS: string[];
|
|
9
|
-
declare const MONTHS: string[];
|
|
10
|
-
/**
|
|
11
|
-
* Возвращает «правильный» индекс дня недели, 0 - пн, 1 - вт и так далее.
|
|
12
|
-
*/
|
|
13
|
-
declare function russianWeekDay(date: Date): number;
|
|
14
|
-
/**
|
|
15
|
-
* Возвращает таблицу-календарь с заполненными датами для переданного месяца
|
|
16
|
-
*/
|
|
17
|
-
declare function generateWeeks(month: Date, options: {
|
|
18
|
-
minDate?: Date;
|
|
19
|
-
maxDate?: Date;
|
|
20
|
-
selected?: Date;
|
|
21
|
-
eventsMap?: SpecialDays;
|
|
22
|
-
offDaysMap?: SpecialDays;
|
|
23
|
-
holidaysMap?: SpecialDays;
|
|
24
|
-
dayAddonsMap?: SpecialDaysAddon;
|
|
25
|
-
}): Day[][];
|
|
26
|
-
/**
|
|
27
|
-
* Возвращает массив с месяцами для переданного года
|
|
28
|
-
*/
|
|
29
|
-
declare function generateMonths(year: Date, options: {
|
|
30
|
-
minMonth?: Date;
|
|
31
|
-
maxMonth?: Date;
|
|
32
|
-
}): Month[];
|
|
33
|
-
/**
|
|
34
|
-
* Возвращает массив лет от minYear до maxYear
|
|
35
|
-
*/
|
|
36
|
-
declare function generateYears(minYear: Date, maxYear: Date): Date[];
|
|
37
|
-
/**
|
|
38
|
-
* Добавляет метаданные для переданного дня
|
|
39
|
-
*/
|
|
40
|
-
declare function buildDay(day: Date, options: {
|
|
41
|
-
minDate?: Date;
|
|
42
|
-
maxDate?: Date;
|
|
43
|
-
selected?: Date;
|
|
44
|
-
eventsMap?: SpecialDays;
|
|
45
|
-
offDaysMap?: SpecialDays;
|
|
46
|
-
holidaysMap?: SpecialDays;
|
|
47
|
-
dayAddonsMap?: SpecialDaysAddon;
|
|
48
|
-
}): Day;
|
|
49
|
-
/**
|
|
50
|
-
* Добавляет метаданные для переданного месяца
|
|
51
|
-
*/
|
|
52
|
-
declare function buildMonth(month: Date, options: {
|
|
53
|
-
minMonth?: Date;
|
|
54
|
-
maxMonth?: Date;
|
|
55
|
-
}): Month;
|
|
56
|
-
/**
|
|
57
|
-
* Ограничивает дату на отрезке [minDate, maxDate]
|
|
58
|
-
*/
|
|
59
|
-
declare function limitDate(date: Date | number, minDate?: Date | number, maxDate?: Date | number): Date;
|
|
60
|
-
/**
|
|
61
|
-
* Проверяет, находится ли переданная дата в указанных границах
|
|
62
|
-
*/
|
|
63
|
-
declare function dateInLimits(date?: Date | number | null, minDate?: Date | number, maxDate?: Date | number): boolean | 0 | null | undefined;
|
|
64
|
-
/**
|
|
65
|
-
* Возвращает русское название месяца с большой буквы
|
|
66
|
-
*/
|
|
67
|
-
declare function monthName(month: Date): string;
|
|
68
|
-
/**
|
|
69
|
-
* Превращает массив в объект, у которого ключи составляются из элементов массива
|
|
70
|
-
*/
|
|
71
|
-
declare function dateArrayToHashTable(arr: Array<Date | number>): Record<number, boolean>;
|
|
72
|
-
declare function addonArrayToHashTable(arr: DayAddons[]): Record<number, ReactNode>;
|
|
73
|
-
/**
|
|
74
|
-
* Возвращает корректный отрезок дат для выделения
|
|
75
|
-
*/
|
|
76
|
-
declare function getSelectionRange(from?: Date | number, to?: Date | number, highlighted?: Date | number): {
|
|
77
|
-
start: Date;
|
|
78
|
-
end: Date;
|
|
79
|
-
} | null;
|
|
80
|
-
declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date, maxDate?: Date, offDaysMap?: Record<number, boolean>): Date;
|
|
81
|
-
/**
|
|
82
|
-
* Если дата была выбрана мышкой — фокусную обводку не видно
|
|
83
|
-
* TODO: добавить в useFocus возможность переключать метод ввода программно
|
|
84
|
-
*/
|
|
85
|
-
declare function simulateTab(node: HTMLElement): void;
|
|
86
|
-
declare const formatDate: (date: Date | number, dateFormat?: string) => string;
|
|
87
|
-
declare const parseDateString: (value: string, dateFormat?: string) => Date;
|
|
88
|
-
export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString };
|
package/desktop-69921c40.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
import { SelectorView } from "./typings-5684a67d";
|
|
3
|
-
type HeaderProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Вид шапки — месяц и год или только месяц
|
|
6
|
-
*/
|
|
7
|
-
view?: SelectorView;
|
|
8
|
-
/**
|
|
9
|
-
* Отображать тень? (нужна при прокрутке)
|
|
10
|
-
*/
|
|
11
|
-
withShadow?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Дочерние элементы.
|
|
14
|
-
*/
|
|
15
|
-
children?: ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* Дополнительный класс
|
|
18
|
-
*/
|
|
19
|
-
className?: string;
|
|
20
|
-
};
|
|
21
|
-
declare const Header: FC<HeaderProps>;
|
|
22
|
-
export { HeaderProps, Header };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ButtonHTMLAttributes } from "react";
|
|
4
|
-
type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
5
|
-
/**
|
|
6
|
-
* Дополнительный класс
|
|
7
|
-
*/
|
|
8
|
-
className?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Вид кнопки
|
|
11
|
-
*/
|
|
12
|
-
view?: 'default' | 'filled' | 'outlined' | 'selected';
|
|
13
|
-
};
|
|
14
|
-
declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
15
|
-
/**
|
|
16
|
-
* Дополнительный класс
|
|
17
|
-
*/
|
|
18
|
-
className?: string | undefined;
|
|
19
|
-
/**
|
|
20
|
-
* Вид кнопки
|
|
21
|
-
*/
|
|
22
|
-
view?: "default" | "outlined" | "filled" | "selected" | undefined;
|
|
23
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
24
|
-
export { SelectButtonProps, SelectButton };
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { FC } from "react";
|
|
4
|
-
/* eslint-disable no-plusplus, no-param-reassign */
|
|
5
|
-
import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
|
|
6
|
-
import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
|
|
7
|
-
declare const isClient: () => boolean;
|
|
8
|
-
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
9
|
-
type PaddingType = number | string | {
|
|
10
|
-
top?: number;
|
|
11
|
-
right?: number;
|
|
12
|
-
bottom?: number;
|
|
13
|
-
left?: number;
|
|
14
|
-
};
|
|
15
|
-
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
16
|
-
declare function easeInOutQuad(x: number): number;
|
|
17
|
-
declare const easingFns: {
|
|
18
|
-
easeInOutQuad: typeof easeInOutQuad;
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* Возвращает true, если значение равно null или undefined
|
|
22
|
-
*/
|
|
23
|
-
declare function isNil(value: unknown): boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Выбор значения между min max границами
|
|
26
|
-
*/
|
|
27
|
-
declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
|
|
28
|
-
declare function noop(): void;
|
|
29
|
-
declare const fnUtils: {
|
|
30
|
-
clamp: typeof clamp;
|
|
31
|
-
noop: typeof noop;
|
|
32
|
-
isNil: typeof isNil;
|
|
33
|
-
};
|
|
34
|
-
/**
|
|
35
|
-
* Запрещает каретке становиться за указанные границы
|
|
36
|
-
*/
|
|
37
|
-
declare function caretGuard(guard: (value: string, selection: readonly [
|
|
38
|
-
from: number,
|
|
39
|
-
to: number
|
|
40
|
-
]) => [
|
|
41
|
-
from: number,
|
|
42
|
-
to: number
|
|
43
|
-
]): MaskitoPlugin;
|
|
44
|
-
/**
|
|
45
|
-
* Запрещает удалять указанный префикс
|
|
46
|
-
*/
|
|
47
|
-
declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
|
|
48
|
-
/**
|
|
49
|
-
* Препроцессор необходим для правильной вставки/автокомплита телефонного номера
|
|
50
|
-
*/
|
|
51
|
-
declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
|
|
52
|
-
declare const maskUtils: {
|
|
53
|
-
insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
|
|
54
|
-
prefixPostprocessor: typeof prefixPostprocessor;
|
|
55
|
-
caretGuard: typeof caretGuard;
|
|
56
|
-
};
|
|
57
|
-
type SpinnerProps = {
|
|
58
|
-
/**
|
|
59
|
-
* Управление видимостью компонента
|
|
60
|
-
*/
|
|
61
|
-
visible?: boolean;
|
|
62
|
-
/**
|
|
63
|
-
* Размер компонента
|
|
64
|
-
*/
|
|
65
|
-
size?: "xs" | "s" | "m";
|
|
66
|
-
/**
|
|
67
|
-
* Дополнительный класс
|
|
68
|
-
*/
|
|
69
|
-
className?: string;
|
|
70
|
-
/**
|
|
71
|
-
* Идентификатор компонента в DOM
|
|
72
|
-
*/
|
|
73
|
-
id?: string;
|
|
74
|
-
/**
|
|
75
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
76
|
-
*/
|
|
77
|
-
dataTestId?: string;
|
|
78
|
-
/**
|
|
79
|
-
* Палитра, в контексте которой используется спиннер
|
|
80
|
-
*/
|
|
81
|
-
colors?: "default" | "inverted";
|
|
82
|
-
};
|
|
83
|
-
declare const Spinner: FC<SpinnerProps>;
|
|
84
|
-
/**
|
|
85
|
-
* Минимальное время отображения лоадера - 500мс,
|
|
86
|
-
* чтобы при быстрых ответах от сервера кнопка не «моргала».
|
|
87
|
-
*/
|
|
88
|
-
declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
|
|
89
|
-
declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
90
|
-
export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FC } from 'react';
|
|
3
|
-
import { Month } from "./typings-5684a67d";
|
|
4
|
-
type MonthsTableProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Массив месяцев
|
|
7
|
-
*/
|
|
8
|
-
months?: Month[];
|
|
9
|
-
/**
|
|
10
|
-
* Выбранный месяц
|
|
11
|
-
*/
|
|
12
|
-
selectedMonth?: Date;
|
|
13
|
-
/**
|
|
14
|
-
* Доп пропсы для переданного месяца
|
|
15
|
-
*/
|
|
16
|
-
getMonthProps: (day: Month) => Record<string, unknown>;
|
|
17
|
-
/**
|
|
18
|
-
* Должен ли календарь подстраиваться под ширину родителя.
|
|
19
|
-
*/
|
|
20
|
-
responsive?: boolean;
|
|
21
|
-
};
|
|
22
|
-
declare const MonthsTable: FC<MonthsTableProps>;
|
|
23
|
-
export { MonthsTableProps, MonthsTable };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CommonButtonProps } from "./typings-89f0cb07";
|
|
4
|
-
declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
-
export { ButtonDesktop };
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { FC, MouseEvent } from "react";
|
|
4
|
-
import { DayAddons, SelectorView, View } from "./typings-5684a67d";
|
|
5
|
-
type YearsTableProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Массив лет
|
|
8
|
-
*/
|
|
9
|
-
years?: Date[];
|
|
10
|
-
/**
|
|
11
|
-
* Выбранный год
|
|
12
|
-
*/
|
|
13
|
-
selectedYear?: Date;
|
|
14
|
-
/**
|
|
15
|
-
* Доп. пропсы для переданного года
|
|
16
|
-
*/
|
|
17
|
-
getYearProps: (year: Date) => Record<string, unknown>;
|
|
18
|
-
/**
|
|
19
|
-
* Должен ли календарь подстраиваться под ширину родителя.
|
|
20
|
-
*/
|
|
21
|
-
responsive?: boolean;
|
|
22
|
-
};
|
|
23
|
-
declare const YearsTable: FC<YearsTableProps>;
|
|
24
|
-
type CalendarDesktopProps = {
|
|
25
|
-
/**
|
|
26
|
-
* Дополнительный класс
|
|
27
|
-
*/
|
|
28
|
-
className?: string;
|
|
29
|
-
/**
|
|
30
|
-
* Дополнительный класс шапки десктопного календаря
|
|
31
|
-
*/
|
|
32
|
-
headerClassName?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Дополнительный класс контента десктопного календаря
|
|
35
|
-
*/
|
|
36
|
-
contentClassName?: string;
|
|
37
|
-
/**
|
|
38
|
-
* Вид по умолчанию (выбор дней, месяцев, лет)
|
|
39
|
-
*/
|
|
40
|
-
defaultView?: View;
|
|
41
|
-
/**
|
|
42
|
-
* Вид шапки — месяц и год или только месяц
|
|
43
|
-
*/
|
|
44
|
-
selectorView?: SelectorView;
|
|
45
|
-
/**
|
|
46
|
-
* Выбранная дата (timestamp)
|
|
47
|
-
*/
|
|
48
|
-
value?: number;
|
|
49
|
-
/**
|
|
50
|
-
* Открытый месяц (timestamp)
|
|
51
|
-
*/
|
|
52
|
-
month?: number;
|
|
53
|
-
/**
|
|
54
|
-
* Месяц, открытый по умолчанию (timestamp)
|
|
55
|
-
*/
|
|
56
|
-
defaultMonth?: number;
|
|
57
|
-
/**
|
|
58
|
-
* Минимальная дата, доступная для выбора (timestamp)
|
|
59
|
-
*/
|
|
60
|
-
minDate?: number;
|
|
61
|
-
/**
|
|
62
|
-
* Максимальная дата, доступная для выбора (timestamp)
|
|
63
|
-
*/
|
|
64
|
-
maxDate?: number;
|
|
65
|
-
/**
|
|
66
|
-
* Начало выделенного периода (timestamp)
|
|
67
|
-
*/
|
|
68
|
-
selectedFrom?: number;
|
|
69
|
-
/**
|
|
70
|
-
* Конец выделенного периода (timestamp)
|
|
71
|
-
*/
|
|
72
|
-
selectedTo?: number;
|
|
73
|
-
/**
|
|
74
|
-
* Индикатор, что выбран полный период
|
|
75
|
-
*/
|
|
76
|
-
rangeComplete?: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* Список событий
|
|
79
|
-
*/
|
|
80
|
-
events?: Array<Date | number>;
|
|
81
|
-
/**
|
|
82
|
-
* Список отключенных для выбора дней.
|
|
83
|
-
*/
|
|
84
|
-
offDays?: Array<Date | number>;
|
|
85
|
-
/**
|
|
86
|
-
* Список выходных
|
|
87
|
-
*/
|
|
88
|
-
holidays?: Array<Date | number>;
|
|
89
|
-
/**
|
|
90
|
-
* Обработчик изменения месяца (или года)
|
|
91
|
-
*/
|
|
92
|
-
onMonthChange?: (month: number) => void;
|
|
93
|
-
/**
|
|
94
|
-
* Обработчик выбора даты
|
|
95
|
-
*/
|
|
96
|
-
onChange?: (date?: number) => void;
|
|
97
|
-
/**
|
|
98
|
-
* Обработчик нажатия на кнопку месяца
|
|
99
|
-
*/
|
|
100
|
-
onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
101
|
-
/**
|
|
102
|
-
* Обработчик нажатия на кнопку года
|
|
103
|
-
*/
|
|
104
|
-
onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
105
|
-
/**
|
|
106
|
-
* Обработчик нажатия на период
|
|
107
|
-
*/
|
|
108
|
-
onPeriodClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
109
|
-
/**
|
|
110
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
111
|
-
*/
|
|
112
|
-
dataTestId?: string;
|
|
113
|
-
/**
|
|
114
|
-
* Нужно ли рендерить шапку календаря
|
|
115
|
-
*/
|
|
116
|
-
hasHeader?: boolean;
|
|
117
|
-
/**
|
|
118
|
-
* Должен ли календарь подстраиваться под ширину родителя.
|
|
119
|
-
*/
|
|
120
|
-
responsive?: boolean;
|
|
121
|
-
/**
|
|
122
|
-
* Дополнительный контент под числом
|
|
123
|
-
*/
|
|
124
|
-
dayAddons?: DayAddons[];
|
|
125
|
-
/**
|
|
126
|
-
* Форма ячейки дня
|
|
127
|
-
*/
|
|
128
|
-
shape?: 'rounded' | 'rectangular';
|
|
129
|
-
/**
|
|
130
|
-
* Отображать ли текущий год, если selectorView 'month-only'
|
|
131
|
-
* @default false
|
|
132
|
-
*/
|
|
133
|
-
showCurrentYearSelector?: boolean;
|
|
134
|
-
};
|
|
135
|
-
declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
|
|
136
|
-
export * from "./Component-e2b6c730";
|
|
137
|
-
export * from "./Component-5684a67d";
|
|
138
|
-
export { YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { FC, ReactNode } from "react";
|
|
4
|
-
import { CommonButtonProps, ButtonProps } from "./typings-89f0cb07";
|
|
5
|
-
declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
type MqProps = {
|
|
7
|
-
/**
|
|
8
|
-
* Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
|
|
9
|
-
*/
|
|
10
|
-
query?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Запрос на поддержку тач-событий
|
|
13
|
-
*/
|
|
14
|
-
touch?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Дочерние элементы.
|
|
17
|
-
*/
|
|
18
|
-
children?: ReactNode;
|
|
19
|
-
/**
|
|
20
|
-
* Обработчик изменений в совпадении запросов
|
|
21
|
-
*/
|
|
22
|
-
onMatchChange?: (isMatched: boolean) => void;
|
|
23
|
-
};
|
|
24
|
-
declare const Mq: FC<MqProps>;
|
|
25
|
-
/**
|
|
26
|
-
* Хук для медиа запросов.
|
|
27
|
-
* @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
|
|
28
|
-
* @param defaultValue Значение по-умолчанию.
|
|
29
|
-
*/
|
|
30
|
-
declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
|
|
31
|
-
/**
|
|
32
|
-
* Возвращает MediaQueryList для заданного media-выражения.
|
|
33
|
-
*
|
|
34
|
-
* @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
|
|
35
|
-
*/
|
|
36
|
-
declare function getMatchMedia(queryProp: string): MediaQueryList;
|
|
37
|
-
/**
|
|
38
|
-
* Удаляет MediaQueryList.
|
|
39
|
-
*
|
|
40
|
-
* @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
|
|
41
|
-
*/
|
|
42
|
-
declare function releaseMatchMedia(queryProp: string): void;
|
|
43
|
-
/**
|
|
44
|
-
* Возвращает `true`, если есть поддержка `Pointer Events`
|
|
45
|
-
*/
|
|
46
|
-
declare function isPointerEventsSupported(): boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Возвращает `true`, если есть поддержка `Touch Events`
|
|
49
|
-
*/
|
|
50
|
-
declare function isTouchSupported(): boolean;
|
|
51
|
-
declare const _exports: {
|
|
52
|
-
"--mobile-xs": string;
|
|
53
|
-
"--mobile-s": string;
|
|
54
|
-
"--mobile-m": string;
|
|
55
|
-
"--mobile-l": string;
|
|
56
|
-
"--mobile": string;
|
|
57
|
-
"--tablet-s": string;
|
|
58
|
-
"--tablet-m": string;
|
|
59
|
-
"--tablet": string;
|
|
60
|
-
"--desktop-s": string;
|
|
61
|
-
"--desktop-m": string;
|
|
62
|
-
"--desktop-l": string;
|
|
63
|
-
"--desktop-xl": string;
|
|
64
|
-
"--desktop": string;
|
|
65
|
-
};
|
|
66
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
67
|
-
export { _exports as default, ButtonMobile, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported, Button };
|
package/esm/index-89f0cb07.d.ts
DELETED
package/esm/index-ebda875c.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Component-69921c40";
|
package/esm/index-f034f741.d.ts
DELETED