@alfalab/core-components-date-time-input 4.0.12 → 4.1.1
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.desktop.d.ts +4 -0
- package/Component.desktop.js +4 -0
- package/components/date-time-input/Component.d.ts +2 -2
- package/components/date-time-input/Component.js +1 -1
- package/components/date-time-input/index.css +8 -8
- package/cssm/Component.desktop.d.ts +4 -0
- package/cssm/Component.desktop.js +4 -0
- package/cssm/components/date-time-input/Component.d.ts +2 -2
- package/cssm/components/date-time-input/index.module.css +1 -1
- package/cssm/desktop/index.d.ts +2 -0
- package/cssm/{desktop.js → desktop/index.js} +4 -4
- package/cssm/mobile/index.d.ts +2 -0
- package/cssm/{mobile.js → mobile/index.js} +4 -4
- package/desktop/index.d.ts +2 -0
- package/{desktop.js → desktop/index.js} +3 -3
- package/desktop/package.json +3 -0
- package/esm/Component.desktop.d.ts +4 -0
- package/esm/Component.desktop.js +4 -0
- package/esm/components/date-time-input/Component.d.ts +2 -2
- package/esm/components/date-time-input/Component.js +1 -1
- package/esm/components/date-time-input/index.css +8 -8
- package/esm/desktop/index.d.ts +2 -0
- package/esm/{desktop.js → desktop/index.js} +3 -3
- package/esm/mobile/index.d.ts +2 -0
- package/esm/{mobile.js → mobile/index.js} +3 -3
- package/mobile/index.d.ts +2 -0
- package/{mobile.js → mobile/index.js} +3 -3
- package/mobile/package.json +3 -0
- package/modern/Component.desktop.d.ts +4 -0
- package/modern/Component.desktop.js +4 -0
- package/modern/components/date-time-input/Component.d.ts +2 -2
- package/modern/components/date-time-input/Component.js +1 -1
- package/modern/components/date-time-input/index.css +8 -8
- package/modern/desktop/index.d.ts +2 -0
- package/modern/{desktop.js → desktop/index.js} +3 -3
- package/modern/mobile/index.d.ts +2 -0
- package/modern/{mobile.js → mobile/index.js} +3 -3
- package/package.json +4 -24
- package/src/Component.desktop.tsx +4 -0
- package/src/desktop/index.ts +1 -0
- package/src/desktop/package.json +3 -0
- package/src/mobile/index.ts +1 -0
- package/src/mobile/package.json +3 -0
- package/Component-10db897e.d.ts +0 -297
- package/Component-5684a67d.d.ts +0 -23
- package/Component-69921c40.d.ts +0 -24
- package/Component-72dda473.d.ts +0 -53
- package/Component-89f0cb07.d.ts +0 -38
- package/Component-e2b6c730.d.ts +0 -76
- package/Component.desktop-785df74d.d.ts +0 -6
- package/Component.desktop-89f0cb07.d.ts +0 -5
- package/Component.desktop-b5b4c59f.d.ts +0 -138
- package/Component.desktop-ebda875c.d.ts +0 -7
- package/Component.mobile-16b1285a.d.ts +0 -5
- package/Component.mobile-d7e9f69d.d.ts +0 -6
- package/Component.responsive-16b1285a.d.ts +0 -5
- package/Component.responsive-d7e9f69d.d.ts +0 -26
- package/cssm/Component-10db897e.d.ts +0 -6
- package/cssm/Component-69921c40.d.ts +0 -184
- package/cssm/Component-72dda473.d.ts +0 -53
- package/cssm/Component-89f0cb07.d.ts +0 -38
- package/cssm/Component-b5b4c59f.d.ts +0 -389
- package/cssm/Component.desktop-0aa4e915.d.ts +0 -5
- package/cssm/Component.desktop-785df74d.d.ts +0 -6
- package/cssm/Component.desktop-b5b4c59f.d.ts +0 -205
- package/cssm/Component.mobile-16b1285a.d.ts +0 -5
- package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
- package/cssm/Component.mobile-ebda875c.d.ts +0 -7
- package/cssm/Component.responsive-0aa4e915.d.ts +0 -5
- package/cssm/Component.responsive-785df74d.d.ts +0 -26
- package/cssm/desktop-63dec22f.d.ts +0 -2
- package/cssm/desktop-69921c40.d.ts +0 -2
- package/cssm/desktop.d.ts +0 -2
- package/cssm/index-10db897e.d.ts +0 -50
- package/cssm/index-3109f463.d.ts +0 -62
- package/cssm/index-72dda473.d.ts +0 -12
- package/cssm/index-89f0cb07.d.ts +0 -2
- package/cssm/index-ebda875c.d.ts +0 -35
- package/cssm/index-f034f741.d.ts +0 -80
- package/cssm/mobile-c219f8ca.d.ts +0 -1
- package/cssm/mobile.d.ts +0 -2
- package/cssm/types-1b036d4b.d.ts +0 -13
- package/cssm/types-1c79e231.d.ts +0 -113
- package/cssm/typings-5684a67d.d.ts +0 -23
- package/cssm/typings-89f0cb07.d.ts +0 -93
- package/cssm/useCalendar-5684a67d.d.ts +0 -97
- package/cssm/useSkeleton-1b036d4b.d.ts +0 -40
- package/cssm/utils-5684a67d.d.ts +0 -88
- package/desktop-89f0cb07.d.ts +0 -2
- package/desktop-b5b4c59f.d.ts +0 -2
- package/desktop.d.ts +0 -2
- package/esm/Component-10db897e.d.ts +0 -297
- package/esm/Component-69921c40.d.ts +0 -184
- package/esm/Component-72dda473.d.ts +0 -53
- package/esm/Component-89f0cb07.d.ts +0 -38
- package/esm/Component-b5b4c59f.d.ts +0 -389
- package/esm/Component.desktop-0aa4e915.d.ts +0 -5
- package/esm/Component.desktop-785df74d.d.ts +0 -6
- package/esm/Component.desktop-b5b4c59f.d.ts +0 -198
- package/esm/Component.mobile-89f0cb07.d.ts +0 -5
- package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
- package/esm/Component.mobile-ebda875c.d.ts +0 -7
- package/esm/Component.responsive-0aa4e915.d.ts +0 -5
- package/esm/Component.responsive-785df74d.d.ts +0 -26
- package/esm/desktop-63dec22f.d.ts +0 -2
- package/esm/desktop-69921c40.d.ts +0 -2
- package/esm/desktop.d.ts +0 -2
- package/esm/index-10db897e.d.ts +0 -50
- package/esm/index-3109f463.d.ts +0 -62
- package/esm/index-72dda473.d.ts +0 -12
- package/esm/index-89f0cb07.d.ts +0 -2
- package/esm/index-ebda875c.d.ts +0 -2
- package/esm/index-f034f741.d.ts +0 -83
- package/esm/mobile-c219f8ca.d.ts +0 -1
- package/esm/mobile.d.ts +0 -2
- package/esm/types-1b036d4b.d.ts +0 -13
- package/esm/types-1c79e231.d.ts +0 -113
- package/esm/typings-5684a67d.d.ts +0 -23
- package/esm/typings-89f0cb07.d.ts +0 -93
- package/esm/useCalendar-5684a67d.d.ts +0 -97
- package/esm/useSkeleton-1b036d4b.d.ts +0 -40
- package/esm/utils-5684a67d.d.ts +0 -88
- package/index-10db897e.d.ts +0 -50
- package/index-3109f463.d.ts +0 -62
- package/index-72dda473.d.ts +0 -12
- package/index-89f0cb07.d.ts +0 -2
- package/index-ebda875c.d.ts +0 -2
- package/index-f034f741.d.ts +0 -2
- package/mobile-c219f8ca.d.ts +0 -368
- package/mobile.d.ts +0 -2
- package/modern/Component-10db897e.d.ts +0 -6
- package/modern/Component-69921c40.d.ts +0 -184
- package/modern/Component-72dda473.d.ts +0 -53
- package/modern/Component-89f0cb07.d.ts +0 -38
- package/modern/Component-b5b4c59f.d.ts +0 -389
- package/modern/Component.desktop-0aa4e915.d.ts +0 -5
- package/modern/Component.desktop-785df74d.d.ts +0 -6
- package/modern/Component.desktop-b5b4c59f.d.ts +0 -205
- package/modern/Component.mobile-16b1285a.d.ts +0 -5
- package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
- package/modern/Component.mobile-ebda875c.d.ts +0 -7
- package/modern/Component.responsive-0aa4e915.d.ts +0 -5
- package/modern/Component.responsive-785df74d.d.ts +0 -26
- package/modern/desktop-63dec22f.d.ts +0 -2
- package/modern/desktop-69921c40.d.ts +0 -2
- package/modern/desktop.d.ts +0 -2
- package/modern/index-10db897e.d.ts +0 -50
- package/modern/index-3109f463.d.ts +0 -62
- package/modern/index-72dda473.d.ts +0 -12
- package/modern/index-89f0cb07.d.ts +0 -2
- package/modern/index-ebda875c.d.ts +0 -35
- package/modern/index-f034f741.d.ts +0 -80
- package/modern/mobile-c219f8ca.d.ts +0 -1
- package/modern/mobile.d.ts +0 -2
- package/modern/types-1b036d4b.d.ts +0 -13
- package/modern/types-1c79e231.d.ts +0 -113
- package/modern/typings-5684a67d.d.ts +0 -23
- package/modern/typings-89f0cb07.d.ts +0 -93
- package/modern/useCalendar-5684a67d.d.ts +0 -97
- package/modern/useSkeleton-1b036d4b.d.ts +0 -40
- package/modern/utils-5684a67d.d.ts +0 -88
- package/src/desktop.ts +0 -1
- package/src/mobile.ts +0 -1
- package/types-1b036d4b.d.ts +0 -13
- package/types-1c79e231.d.ts +0 -113
- package/typings-5684a67d.d.ts +0 -23
- package/typings-89f0cb07.d.ts +0 -93
- package/useCalendar-5684a67d.d.ts +0 -97
- package/useSkeleton-1b036d4b.d.ts +0 -40
- package/utils-5684a67d.d.ts +0 -88
- package/utils-e0a54580.d.ts +0 -8
package/cssm/utils-5684a67d.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-89f0cb07.d.ts
DELETED
package/desktop-b5b4c59f.d.ts
DELETED
package/desktop.d.ts
DELETED
|
@@ -1,297 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
|
|
4
|
-
type StyleColors = {
|
|
5
|
-
default: {
|
|
6
|
-
[key: string]: string;
|
|
7
|
-
};
|
|
8
|
-
inverted: {
|
|
9
|
-
[key: string]: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
|
|
13
|
-
/**
|
|
14
|
-
* Значение поля ввода
|
|
15
|
-
*/
|
|
16
|
-
value?: string;
|
|
17
|
-
/**
|
|
18
|
-
* Начальное значение поля
|
|
19
|
-
*/
|
|
20
|
-
defaultValue?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Растягивает компонент на ширину контейнера
|
|
23
|
-
*/
|
|
24
|
-
block?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Крестик для очистки поля
|
|
27
|
-
*/
|
|
28
|
-
clear?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Размер компонента
|
|
31
|
-
*/
|
|
32
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
33
|
-
/**
|
|
34
|
-
* Набор цветов для компонента
|
|
35
|
-
*/
|
|
36
|
-
colors?: 'default' | 'inverted';
|
|
37
|
-
/**
|
|
38
|
-
* Отображение ошибки
|
|
39
|
-
*/
|
|
40
|
-
error?: ReactNode | boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Отображение иконки успеха
|
|
43
|
-
*/
|
|
44
|
-
success?: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Текст подсказки
|
|
47
|
-
*/
|
|
48
|
-
hint?: ReactNode;
|
|
49
|
-
/**
|
|
50
|
-
* Лейбл компонента
|
|
51
|
-
*/
|
|
52
|
-
label?: React.ReactNode;
|
|
53
|
-
/**
|
|
54
|
-
* Вид лейбла внутри / снаружи
|
|
55
|
-
*/
|
|
56
|
-
labelView?: 'inner' | 'outer';
|
|
57
|
-
/**
|
|
58
|
-
* Атрибут type
|
|
59
|
-
*/
|
|
60
|
-
type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
|
|
61
|
-
/**
|
|
62
|
-
* Ref для обертки input
|
|
63
|
-
*/
|
|
64
|
-
wrapperRef?: React.Ref<HTMLDivElement> | null;
|
|
65
|
-
/**
|
|
66
|
-
* Слот слева
|
|
67
|
-
*/
|
|
68
|
-
leftAddons?: React.ReactNode;
|
|
69
|
-
/**
|
|
70
|
-
* Слот справа
|
|
71
|
-
*/
|
|
72
|
-
rightAddons?: React.ReactNode;
|
|
73
|
-
/**
|
|
74
|
-
* Свойства для обертки левых аддонов
|
|
75
|
-
*/
|
|
76
|
-
leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
|
|
77
|
-
/**
|
|
78
|
-
* Свойства для обертки правых аддонов
|
|
79
|
-
*/
|
|
80
|
-
rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
|
|
81
|
-
/**
|
|
82
|
-
* Слот под инпутом
|
|
83
|
-
*/
|
|
84
|
-
bottomAddons?: React.ReactNode;
|
|
85
|
-
/**
|
|
86
|
-
* Дополнительный класс
|
|
87
|
-
*/
|
|
88
|
-
className?: string;
|
|
89
|
-
/**
|
|
90
|
-
* Дополнительный класс для поля
|
|
91
|
-
*/
|
|
92
|
-
fieldClassName?: string;
|
|
93
|
-
/**
|
|
94
|
-
* Дополнительный класс инпута
|
|
95
|
-
*/
|
|
96
|
-
inputClassName?: string;
|
|
97
|
-
/**
|
|
98
|
-
* Дополнительный класс для лейбла
|
|
99
|
-
*/
|
|
100
|
-
labelClassName?: string;
|
|
101
|
-
/**
|
|
102
|
-
* Дополнительный класс для аддонов
|
|
103
|
-
*/
|
|
104
|
-
addonsClassName?: string;
|
|
105
|
-
/**
|
|
106
|
-
* Класс, который будет установлен при фокусе
|
|
107
|
-
*/
|
|
108
|
-
focusedClassName?: string;
|
|
109
|
-
/**
|
|
110
|
-
* Класс, который будет установлен, если в поле есть значение
|
|
111
|
-
*/
|
|
112
|
-
filledClassName?: string;
|
|
113
|
-
/**
|
|
114
|
-
* Обработчик поля ввода
|
|
115
|
-
*/
|
|
116
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
|
|
117
|
-
value: string;
|
|
118
|
-
}) => void;
|
|
119
|
-
/**
|
|
120
|
-
* Обработчик нажатия на кнопку очистки
|
|
121
|
-
*/
|
|
122
|
-
onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
123
|
-
/**
|
|
124
|
-
* Обработчик клика по полю
|
|
125
|
-
*/
|
|
126
|
-
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
127
|
-
/**
|
|
128
|
-
* Обработчик MouseDown по полю
|
|
129
|
-
*/
|
|
130
|
-
onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
131
|
-
/**
|
|
132
|
-
* Обработчик MouseUp по полю
|
|
133
|
-
*/
|
|
134
|
-
onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
135
|
-
/**
|
|
136
|
-
* Компонент FormControl
|
|
137
|
-
*/
|
|
138
|
-
FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
|
|
139
|
-
/**
|
|
140
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
141
|
-
*/
|
|
142
|
-
dataTestId?: string;
|
|
143
|
-
/**
|
|
144
|
-
* Стили компонента для default и inverted режима.
|
|
145
|
-
*/
|
|
146
|
-
colorStyles?: StyleColors;
|
|
147
|
-
/**
|
|
148
|
-
* Запрещает ввод с клавиатуры
|
|
149
|
-
*/
|
|
150
|
-
disableUserInput?: boolean;
|
|
151
|
-
};
|
|
152
|
-
declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
|
|
153
|
-
/**
|
|
154
|
-
* Значение поля ввода
|
|
155
|
-
*/
|
|
156
|
-
value?: string | undefined;
|
|
157
|
-
/**
|
|
158
|
-
* Начальное значение поля
|
|
159
|
-
*/
|
|
160
|
-
defaultValue?: string | undefined;
|
|
161
|
-
/**
|
|
162
|
-
* Растягивает компонент на ширину контейнера
|
|
163
|
-
*/
|
|
164
|
-
block?: boolean | undefined;
|
|
165
|
-
/**
|
|
166
|
-
* Крестик для очистки поля
|
|
167
|
-
*/
|
|
168
|
-
clear?: boolean | undefined;
|
|
169
|
-
/**
|
|
170
|
-
* Размер компонента
|
|
171
|
-
*/
|
|
172
|
-
size?: "s" | "m" | "l" | "xl" | undefined;
|
|
173
|
-
/**
|
|
174
|
-
* Набор цветов для компонента
|
|
175
|
-
*/
|
|
176
|
-
colors?: "default" | "inverted" | undefined;
|
|
177
|
-
/**
|
|
178
|
-
* Отображение ошибки
|
|
179
|
-
*/
|
|
180
|
-
error?: ReactNode | boolean;
|
|
181
|
-
/**
|
|
182
|
-
* Отображение иконки успеха
|
|
183
|
-
*/
|
|
184
|
-
success?: boolean | undefined;
|
|
185
|
-
/**
|
|
186
|
-
* Текст подсказки
|
|
187
|
-
*/
|
|
188
|
-
hint?: ReactNode;
|
|
189
|
-
/**
|
|
190
|
-
* Лейбл компонента
|
|
191
|
-
*/
|
|
192
|
-
label?: React.ReactNode;
|
|
193
|
-
/**
|
|
194
|
-
* Вид лейбла внутри / снаружи
|
|
195
|
-
*/
|
|
196
|
-
labelView?: "inner" | "outer" | undefined;
|
|
197
|
-
/**
|
|
198
|
-
* Атрибут type
|
|
199
|
-
*/
|
|
200
|
-
type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
|
|
201
|
-
/**
|
|
202
|
-
* Ref для обертки input
|
|
203
|
-
*/
|
|
204
|
-
wrapperRef?: React.Ref<HTMLDivElement> | undefined;
|
|
205
|
-
/**
|
|
206
|
-
* Слот слева
|
|
207
|
-
*/
|
|
208
|
-
leftAddons?: React.ReactNode;
|
|
209
|
-
/**
|
|
210
|
-
* Слот справа
|
|
211
|
-
*/
|
|
212
|
-
rightAddons?: React.ReactNode;
|
|
213
|
-
/**
|
|
214
|
-
* Свойства для обертки левых аддонов
|
|
215
|
-
*/
|
|
216
|
-
leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
|
|
217
|
-
/**
|
|
218
|
-
* Свойства для обертки правых аддонов
|
|
219
|
-
*/
|
|
220
|
-
rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
|
|
221
|
-
/**
|
|
222
|
-
* Слот под инпутом
|
|
223
|
-
*/
|
|
224
|
-
bottomAddons?: React.ReactNode;
|
|
225
|
-
/**
|
|
226
|
-
* Дополнительный класс
|
|
227
|
-
*/
|
|
228
|
-
className?: string | undefined;
|
|
229
|
-
/**
|
|
230
|
-
* Дополнительный класс для поля
|
|
231
|
-
*/
|
|
232
|
-
fieldClassName?: string | undefined;
|
|
233
|
-
/**
|
|
234
|
-
* Дополнительный класс инпута
|
|
235
|
-
*/
|
|
236
|
-
inputClassName?: string | undefined;
|
|
237
|
-
/**
|
|
238
|
-
* Дополнительный класс для лейбла
|
|
239
|
-
*/
|
|
240
|
-
labelClassName?: string | undefined;
|
|
241
|
-
/**
|
|
242
|
-
* Дополнительный класс для аддонов
|
|
243
|
-
*/
|
|
244
|
-
addonsClassName?: string | undefined;
|
|
245
|
-
/**
|
|
246
|
-
* Класс, который будет установлен при фокусе
|
|
247
|
-
*/
|
|
248
|
-
focusedClassName?: string | undefined;
|
|
249
|
-
/**
|
|
250
|
-
* Класс, который будет установлен, если в поле есть значение
|
|
251
|
-
*/
|
|
252
|
-
filledClassName?: string | undefined;
|
|
253
|
-
/**
|
|
254
|
-
* Обработчик поля ввода
|
|
255
|
-
*/
|
|
256
|
-
onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
|
|
257
|
-
value: string;
|
|
258
|
-
}) => void) | undefined;
|
|
259
|
-
/**
|
|
260
|
-
* Обработчик нажатия на кнопку очистки
|
|
261
|
-
*/
|
|
262
|
-
onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
|
|
263
|
-
/**
|
|
264
|
-
* Обработчик клика по полю
|
|
265
|
-
*/
|
|
266
|
-
onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
|
|
267
|
-
/**
|
|
268
|
-
* Обработчик MouseDown по полю
|
|
269
|
-
*/
|
|
270
|
-
onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
|
|
271
|
-
/**
|
|
272
|
-
* Обработчик MouseUp по полю
|
|
273
|
-
*/
|
|
274
|
-
onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
|
|
275
|
-
/**
|
|
276
|
-
* Компонент FormControl
|
|
277
|
-
*/
|
|
278
|
-
FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
|
|
279
|
-
breakpoint?: number | undefined;
|
|
280
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
281
|
-
} & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
282
|
-
/**
|
|
283
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
284
|
-
*/
|
|
285
|
-
dataTestId?: string | undefined;
|
|
286
|
-
/**
|
|
287
|
-
* Стили компонента для default и inverted режима.
|
|
288
|
-
*/
|
|
289
|
-
colorStyles?: StyleColors | undefined;
|
|
290
|
-
/**
|
|
291
|
-
* Запрещает ввод с клавиатуры
|
|
292
|
-
*/
|
|
293
|
-
disableUserInput?: boolean | undefined;
|
|
294
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
295
|
-
export * from "./Component-72dda473";
|
|
296
|
-
export * from "./Component.responsive-785df74d";
|
|
297
|
-
export { StyleColors, BaseInputProps, BaseInput };
|
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
|
|
4
|
-
import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
|
|
5
|
-
declare const colors: readonly [
|
|
6
|
-
"tertiary",
|
|
7
|
-
"disabled",
|
|
8
|
-
"accent",
|
|
9
|
-
"primary",
|
|
10
|
-
"attention",
|
|
11
|
-
"positive",
|
|
12
|
-
"secondary",
|
|
13
|
-
"tertiary-inverted",
|
|
14
|
-
"primary-inverted",
|
|
15
|
-
"secondary-inverted",
|
|
16
|
-
"link",
|
|
17
|
-
"negative",
|
|
18
|
-
"static-primary-light",
|
|
19
|
-
"static-secondary-light",
|
|
20
|
-
"static-tertiary-light",
|
|
21
|
-
"static-primary-dark",
|
|
22
|
-
"static-secondary-dark",
|
|
23
|
-
"static-tertiary-dark",
|
|
24
|
-
"static-accent"
|
|
25
|
-
];
|
|
26
|
-
type Color = (typeof colors)[number];
|
|
27
|
-
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
28
|
-
type TextBaseProps = {
|
|
29
|
-
/**
|
|
30
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
|
|
31
|
-
*/
|
|
32
|
-
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
33
|
-
/**
|
|
34
|
-
* Цвет текста
|
|
35
|
-
*/
|
|
36
|
-
color?: Color;
|
|
37
|
-
/**
|
|
38
|
-
* Толщина шрифта
|
|
39
|
-
*/
|
|
40
|
-
weight?: "regular" | "medium" | "bold";
|
|
41
|
-
/**
|
|
42
|
-
* Делает цифры моноширинными
|
|
43
|
-
*/
|
|
44
|
-
monospaceNumbers?: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* HTML тег
|
|
47
|
-
*/
|
|
48
|
-
tag?: "span" | "div";
|
|
49
|
-
/**
|
|
50
|
-
* Css-класс для стилизации (native prop)
|
|
51
|
-
*/
|
|
52
|
-
className?: string;
|
|
53
|
-
/**
|
|
54
|
-
* Id компонента для тестов
|
|
55
|
-
*/
|
|
56
|
-
dataTestId?: string;
|
|
57
|
-
/**
|
|
58
|
-
* Контент (native prop)
|
|
59
|
-
*/
|
|
60
|
-
children?: React.ReactNode;
|
|
61
|
-
/**
|
|
62
|
-
* Добавляет отступы к тэгу 'p'
|
|
63
|
-
*/
|
|
64
|
-
defaultMargins?: never;
|
|
65
|
-
/**
|
|
66
|
-
* Количество строк (не поддерживает IE)
|
|
67
|
-
*/
|
|
68
|
-
rowLimit?: 1 | 2 | 3;
|
|
69
|
-
/**
|
|
70
|
-
* Показать скелетон
|
|
71
|
-
*/
|
|
72
|
-
showSkeleton?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Пропы для скелетона
|
|
75
|
-
*/
|
|
76
|
-
skeletonProps?: TextSkeletonProps;
|
|
77
|
-
};
|
|
78
|
-
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
79
|
-
tag?: "p";
|
|
80
|
-
defaultMargins?: boolean;
|
|
81
|
-
};
|
|
82
|
-
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
83
|
-
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
84
|
-
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
85
|
-
/**
|
|
86
|
-
* HTML тег
|
|
87
|
-
*/
|
|
88
|
-
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
89
|
-
/**
|
|
90
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
91
|
-
*/
|
|
92
|
-
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
93
|
-
/**
|
|
94
|
-
* Цвет текста
|
|
95
|
-
*/
|
|
96
|
-
color?: Color;
|
|
97
|
-
/**
|
|
98
|
-
* Толщина шрифта
|
|
99
|
-
*/
|
|
100
|
-
weight?: "regular" | "medium" | "bold";
|
|
101
|
-
/**
|
|
102
|
-
* Шрифт текста
|
|
103
|
-
*/
|
|
104
|
-
font?: "styrene" | "system";
|
|
105
|
-
/**
|
|
106
|
-
* Добавляет отступы
|
|
107
|
-
*/
|
|
108
|
-
defaultMargins?: boolean;
|
|
109
|
-
/**
|
|
110
|
-
* Css-класс для стилизации (native prop)
|
|
111
|
-
*/
|
|
112
|
-
className?: string;
|
|
113
|
-
/**
|
|
114
|
-
* Id компонента для тестов
|
|
115
|
-
*/
|
|
116
|
-
dataTestId?: string;
|
|
117
|
-
/**
|
|
118
|
-
* Контент (native prop)
|
|
119
|
-
*/
|
|
120
|
-
children?: React.ReactNode;
|
|
121
|
-
/**
|
|
122
|
-
* Количество строк (не поддерживает IE)
|
|
123
|
-
*/
|
|
124
|
-
rowLimit?: 1 | 2 | 3;
|
|
125
|
-
/**
|
|
126
|
-
* Показать скелетон
|
|
127
|
-
*/
|
|
128
|
-
showSkeleton?: boolean;
|
|
129
|
-
/**
|
|
130
|
-
* Пропы для скелетона
|
|
131
|
-
*/
|
|
132
|
-
skeletonProps?: TextSkeletonProps;
|
|
133
|
-
};
|
|
134
|
-
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
135
|
-
declare const Typography: {
|
|
136
|
-
Title: FC<TitleProps>;
|
|
137
|
-
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
138
|
-
TitleResponsive: FC<TitleProps>;
|
|
139
|
-
TitleMobile: FC<TitleMobileProps>;
|
|
140
|
-
};
|
|
141
|
-
declare const typographyPresets: {
|
|
142
|
-
mobile: {
|
|
143
|
-
list: {
|
|
144
|
-
text: {
|
|
145
|
-
primary: {
|
|
146
|
-
tag: string;
|
|
147
|
-
view: string;
|
|
148
|
-
};
|
|
149
|
-
secondary: {
|
|
150
|
-
tag: string;
|
|
151
|
-
color: string;
|
|
152
|
-
view: string;
|
|
153
|
-
};
|
|
154
|
-
};
|
|
155
|
-
};
|
|
156
|
-
};
|
|
157
|
-
};
|
|
158
|
-
declare const TitleResponsive: FC<TitleProps>;
|
|
159
|
-
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
160
|
-
/**
|
|
161
|
-
* Текст после иконки
|
|
162
|
-
*/
|
|
163
|
-
text?: string;
|
|
164
|
-
/**
|
|
165
|
-
* Дополнительный класс
|
|
166
|
-
*/
|
|
167
|
-
className?: string;
|
|
168
|
-
/**
|
|
169
|
-
* Вид компонента
|
|
170
|
-
*/
|
|
171
|
-
view: 'mobile' | 'desktop';
|
|
172
|
-
/**
|
|
173
|
-
* Прозрачность текста
|
|
174
|
-
*/
|
|
175
|
-
textOpacity?: number;
|
|
176
|
-
/**
|
|
177
|
-
* Обработчик клика
|
|
178
|
-
*/
|
|
179
|
-
onClick?: () => void;
|
|
180
|
-
}
|
|
181
|
-
declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
|
|
182
|
-
export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
|
|
183
|
-
export type { TitleProps, TextProps, Color };
|
|
184
|
-
export * from "./useSkeleton-1b036d4b";
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
|
|
4
|
-
type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
|
|
5
|
-
type BadgeProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Дополнительный класс
|
|
8
|
-
*/
|
|
9
|
-
className?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Вид компонента
|
|
12
|
-
*/
|
|
13
|
-
view: 'icon' | 'count';
|
|
14
|
-
/**
|
|
15
|
-
* Размер компонента (только для view=icon)
|
|
16
|
-
* //deprecated(используйте height для view=count )
|
|
17
|
-
*/
|
|
18
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
19
|
-
/**
|
|
20
|
-
* Видимость белой обводки вокруг иконки
|
|
21
|
-
*/
|
|
22
|
-
visibleIconOutline?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Видимость цветной обводки вокруг иконки (только для view=icon)
|
|
25
|
-
*/
|
|
26
|
-
visibleColorOutline?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Контент компонента
|
|
29
|
-
*/
|
|
30
|
-
content?: React.ReactElement | number;
|
|
31
|
-
/**
|
|
32
|
-
* Высота компонента, min = 16; max = 48 (только для view=count)
|
|
33
|
-
*/
|
|
34
|
-
height?: number;
|
|
35
|
-
/**
|
|
36
|
-
* Цветовое оформление бейджа при view='count'
|
|
37
|
-
*/
|
|
38
|
-
color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
|
|
39
|
-
/**
|
|
40
|
-
* Цветовое оформление бейджа при view='icon'
|
|
41
|
-
*/
|
|
42
|
-
iconColor?: IconColorType;
|
|
43
|
-
/**
|
|
44
|
-
* Цвет подложки под иконкой
|
|
45
|
-
*/
|
|
46
|
-
iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
|
|
47
|
-
/**
|
|
48
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
49
|
-
*/
|
|
50
|
-
dataTestId?: string;
|
|
51
|
-
};
|
|
52
|
-
declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
|
|
53
|
-
export { IconColorType, BadgeProps, Badge };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { FC } from "react";
|
|
4
|
-
import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
|
|
5
|
-
type SpinnerProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Управление видимостью компонента
|
|
8
|
-
*/
|
|
9
|
-
visible?: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* Размер компонента
|
|
12
|
-
*/
|
|
13
|
-
size?: "xs" | "s" | "m";
|
|
14
|
-
/**
|
|
15
|
-
* Дополнительный класс
|
|
16
|
-
*/
|
|
17
|
-
className?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Идентификатор компонента в DOM
|
|
20
|
-
*/
|
|
21
|
-
id?: string;
|
|
22
|
-
/**
|
|
23
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
24
|
-
*/
|
|
25
|
-
dataTestId?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Палитра, в контексте которой используется спиннер
|
|
28
|
-
*/
|
|
29
|
-
colors?: "default" | "inverted";
|
|
30
|
-
};
|
|
31
|
-
declare const Spinner: FC<SpinnerProps>;
|
|
32
|
-
/**
|
|
33
|
-
* Минимальное время отображения лоадера - 500мс,
|
|
34
|
-
* чтобы при быстрых ответах от сервера кнопка не «моргала».
|
|
35
|
-
*/
|
|
36
|
-
declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
|
|
37
|
-
declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
38
|
-
export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
|