@ozen-ui/kit 0.58.3 → 0.58.4
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/__inner__/cjs/components/Accordion/types.d.ts +3 -3
- package/__inner__/cjs/components/Alert/types.d.ts +3 -3
- package/__inner__/cjs/components/Autocomplete/types.d.ts +6 -7
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/AutocompleteDropdown.js +1 -1
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts +2 -2
- package/__inner__/cjs/components/AutocompleteNext/types.d.ts +7 -8
- package/__inner__/cjs/components/Avatar/types.d.ts +1 -1
- package/__inner__/cjs/components/Backdrop/types.d.ts +1 -1
- package/__inner__/cjs/components/Badge/types.d.ts +2 -2
- package/__inner__/cjs/components/Button/Button.d.ts +3 -3
- package/__inner__/cjs/components/ButtonBase/ButtonBase.d.ts +3 -3
- package/__inner__/cjs/components/ButtonNext/types.d.ts +3 -3
- package/__inner__/cjs/components/Card/types.d.ts +2 -2
- package/__inner__/cjs/components/Checkbox/types.d.ts +3 -3
- package/__inner__/cjs/components/Chip/Chip.d.ts +1 -1
- package/__inner__/cjs/components/ChipNext/types.d.ts +3 -3
- package/__inner__/cjs/components/Collapse/types.d.ts +2 -2
- package/__inner__/cjs/components/DataList/components/DataListOption/types.d.ts +3 -3
- package/__inner__/cjs/components/DataList/types.d.ts +1 -1
- package/__inner__/cjs/components/DatePicker/types.d.ts +1 -1
- package/__inner__/cjs/components/FieldLabel/types.d.ts +5 -5
- package/__inner__/cjs/components/File/File.d.ts +2 -2
- package/__inner__/cjs/components/FilePicker/types.d.ts +10 -10
- package/__inner__/cjs/components/FormControlLabel/types.d.ts +1 -1
- package/__inner__/cjs/components/Grid/Grid.css +0 -2
- package/__inner__/cjs/components/IconButton/IconButton.d.ts +4 -4
- package/__inner__/cjs/components/IconButtonNext/types.d.ts +4 -4
- package/__inner__/cjs/components/Indicator/types.d.ts +1 -1
- package/__inner__/cjs/components/Input/types.d.ts +8 -8
- package/__inner__/cjs/components/InputNumber/types.d.ts +7 -7
- package/__inner__/cjs/components/List/components/ListItem/ListItem.d.ts +1 -1
- package/__inner__/cjs/components/List/components/ListItemButton/ListItemButton.d.ts +2 -2
- package/__inner__/cjs/components/List/components/ListItemIcon/ListItemIcon.d.ts +1 -1
- package/__inner__/cjs/components/List/types.d.ts +1 -1
- package/__inner__/cjs/components/Menu/components/MenuItem/MenuItem.d.ts +1 -1
- package/__inner__/cjs/components/Menu/components/MenuList/MenuList.d.ts +1 -1
- package/__inner__/cjs/components/Menu/types.d.ts +1 -1
- package/__inner__/cjs/components/Modal/types.d.ts +5 -5
- package/__inner__/cjs/components/Pagination/types.d.ts +1 -1
- package/__inner__/cjs/components/Popover/types.d.ts +8 -11
- package/__inner__/cjs/components/Portal/types.d.ts +1 -1
- package/__inner__/cjs/components/Radio/types.d.ts +2 -2
- package/__inner__/cjs/components/SectionMessage/types.d.ts +1 -1
- package/__inner__/cjs/components/Segment/components/SegmentItem/types.d.ts +1 -1
- package/__inner__/cjs/components/Segment/types.d.ts +2 -2
- package/__inner__/cjs/components/Select/components/SelectInput/types.d.ts +11 -11
- package/__inner__/cjs/components/Select/types.d.ts +3 -3
- package/__inner__/cjs/components/Slider/types.d.ts +2 -2
- package/__inner__/cjs/components/Snackbar/components/SnackbarItem/types.d.ts +4 -4
- package/__inner__/cjs/components/Snackbar/types.d.ts +1 -1
- package/__inner__/cjs/components/Stack/types.d.ts +3 -3
- package/__inner__/cjs/components/Table/components/TableRow/types.d.ts +2 -2
- package/__inner__/cjs/components/TagNext/types.d.ts +1 -1
- package/__inner__/cjs/components/Textarea/types.d.ts +8 -8
- package/__inner__/cjs/components/Toggle/types.d.ts +2 -2
- package/__inner__/cjs/components/Tooltip/types.d.ts +3 -3
- package/__inner__/cjs/components/Typography/types.d.ts +2 -2
- package/__inner__/esm/components/Accordion/types.d.ts +3 -3
- package/__inner__/esm/components/Alert/types.d.ts +3 -3
- package/__inner__/esm/components/Autocomplete/types.d.ts +6 -7
- package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/AutocompleteDropdown.js +1 -1
- package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts +2 -2
- package/__inner__/esm/components/AutocompleteNext/types.d.ts +7 -8
- package/__inner__/esm/components/Avatar/types.d.ts +1 -1
- package/__inner__/esm/components/Backdrop/types.d.ts +1 -1
- package/__inner__/esm/components/Badge/types.d.ts +2 -2
- package/__inner__/esm/components/Button/Button.d.ts +3 -3
- package/__inner__/esm/components/ButtonBase/ButtonBase.d.ts +3 -3
- package/__inner__/esm/components/ButtonNext/types.d.ts +3 -3
- package/__inner__/esm/components/Card/types.d.ts +2 -2
- package/__inner__/esm/components/Checkbox/types.d.ts +3 -3
- package/__inner__/esm/components/Chip/Chip.d.ts +1 -1
- package/__inner__/esm/components/ChipNext/types.d.ts +3 -3
- package/__inner__/esm/components/Collapse/types.d.ts +2 -2
- package/__inner__/esm/components/DataList/components/DataListOption/types.d.ts +3 -3
- package/__inner__/esm/components/DataList/types.d.ts +1 -1
- package/__inner__/esm/components/DatePicker/types.d.ts +1 -1
- package/__inner__/esm/components/FieldLabel/types.d.ts +5 -5
- package/__inner__/esm/components/File/File.d.ts +2 -2
- package/__inner__/esm/components/FilePicker/types.d.ts +10 -10
- package/__inner__/esm/components/FormControlLabel/types.d.ts +1 -1
- package/__inner__/esm/components/Grid/Grid.css +0 -2
- package/__inner__/esm/components/IconButton/IconButton.d.ts +4 -4
- package/__inner__/esm/components/IconButtonNext/types.d.ts +4 -4
- package/__inner__/esm/components/Indicator/types.d.ts +1 -1
- package/__inner__/esm/components/Input/types.d.ts +8 -8
- package/__inner__/esm/components/InputNumber/types.d.ts +7 -7
- package/__inner__/esm/components/List/components/ListItem/ListItem.d.ts +1 -1
- package/__inner__/esm/components/List/components/ListItemButton/ListItemButton.d.ts +2 -2
- package/__inner__/esm/components/List/components/ListItemIcon/ListItemIcon.d.ts +1 -1
- package/__inner__/esm/components/List/types.d.ts +1 -1
- package/__inner__/esm/components/Menu/components/MenuItem/MenuItem.d.ts +1 -1
- package/__inner__/esm/components/Menu/components/MenuList/MenuList.d.ts +1 -1
- package/__inner__/esm/components/Menu/types.d.ts +1 -1
- package/__inner__/esm/components/Modal/types.d.ts +5 -5
- package/__inner__/esm/components/Pagination/types.d.ts +1 -1
- package/__inner__/esm/components/Popover/types.d.ts +8 -11
- package/__inner__/esm/components/Portal/types.d.ts +1 -1
- package/__inner__/esm/components/Radio/types.d.ts +2 -2
- package/__inner__/esm/components/SectionMessage/types.d.ts +1 -1
- package/__inner__/esm/components/Segment/components/SegmentItem/types.d.ts +1 -1
- package/__inner__/esm/components/Segment/types.d.ts +2 -2
- package/__inner__/esm/components/Select/components/SelectInput/types.d.ts +11 -11
- package/__inner__/esm/components/Select/types.d.ts +3 -3
- package/__inner__/esm/components/Slider/types.d.ts +2 -2
- package/__inner__/esm/components/Snackbar/components/SnackbarItem/types.d.ts +4 -4
- package/__inner__/esm/components/Snackbar/types.d.ts +1 -1
- package/__inner__/esm/components/Stack/types.d.ts +3 -3
- package/__inner__/esm/components/Table/components/TableRow/types.d.ts +2 -2
- package/__inner__/esm/components/TagNext/types.d.ts +1 -1
- package/__inner__/esm/components/Textarea/types.d.ts +8 -8
- package/__inner__/esm/components/Toggle/types.d.ts +2 -2
- package/__inner__/esm/components/Tooltip/types.d.ts +3 -3
- package/__inner__/esm/components/Typography/types.d.ts +2 -2
- package/package.json +4 -4
|
@@ -119,7 +119,7 @@ var AutocompleteDropdownRender = function (inProps, ref) {
|
|
|
119
119
|
disabled: isDisabled,
|
|
120
120
|
},
|
|
121
121
|
props: {
|
|
122
|
-
key: "".concat(idx, "
|
|
122
|
+
key: "".concat(idx, "-").concat(key),
|
|
123
123
|
role: 'option',
|
|
124
124
|
'aria-selected': isSelected,
|
|
125
125
|
'aria-disabled': isDisabled,
|
package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export type AutocompleteDropdownProps<OPTION = AutocompleteDefaultOption, MULTIP
|
|
|
10
10
|
name?: string;
|
|
11
11
|
/** Содержимое компонента */
|
|
12
12
|
children?: never;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
14
14
|
multiple?: MULTIPLE;
|
|
15
15
|
/** Список вариантов выбора (опции) */
|
|
16
16
|
options: OPTION[];
|
|
@@ -28,7 +28,7 @@ export type AutocompleteDropdownProps<OPTION = AutocompleteDefaultOption, MULTIP
|
|
|
28
28
|
getOptionLabel: AutocompletePropGetOptionLabel<OPTION>;
|
|
29
29
|
/** Функция для определения заблокированного элемента */
|
|
30
30
|
getOptionDisabled: AutocompletePropGetOptionDisabled<OPTION>;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` не показывает список с отсутствующими опциями */
|
|
32
32
|
disableShowEmptyOptionsList?: boolean;
|
|
33
33
|
/** Текст компонента в состоянии загрузки */
|
|
34
34
|
loadingText?: ReactNode;
|
|
@@ -18,7 +18,6 @@ export type AutocompleteRenderOptionProps<OPTION> = {
|
|
|
18
18
|
export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;
|
|
19
19
|
export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
|
|
20
20
|
export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
|
|
21
|
-
export type AutocompletePropRenderValue<OPTION> = (value: OPTION) => ReactNode | null;
|
|
22
21
|
export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
|
|
23
22
|
export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
|
|
24
23
|
export type AutocompleteDefaultOption = {
|
|
@@ -52,7 +51,7 @@ export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null
|
|
|
52
51
|
export type AutocompleteRef = InputRef;
|
|
53
52
|
export type AutocompletePropSize = FormElementSizeVariant;
|
|
54
53
|
export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = {
|
|
55
|
-
/** Если
|
|
54
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
56
55
|
multiple?: MULTIPLE;
|
|
57
56
|
/** Задает максимальное количество отображаемых тегов в компоненте с множественным выбором */
|
|
58
57
|
limitTags?: number | 'responsive';
|
|
@@ -84,11 +83,11 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
|
|
|
84
83
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
|
|
85
84
|
/** Функция для определения заблокированного элемента */
|
|
86
85
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
|
|
87
|
-
/** Если
|
|
86
|
+
/** Если `true` не закрывает выпадающий список при выборе опции */
|
|
88
87
|
disableCloseOnSelect?: boolean;
|
|
89
|
-
/** Если
|
|
88
|
+
/** Если `true` позволяет вводить кастомное значение в текстовом поле */
|
|
90
89
|
allowCustomValue?: boolean;
|
|
91
|
-
/** Если
|
|
90
|
+
/** Если `true` отображает статус загрузки (при условии отсутствующих опций) */
|
|
92
91
|
loading?: boolean;
|
|
93
92
|
/** Текст компонента при отсутствующих опций */
|
|
94
93
|
noOptionsText?: ReactNode;
|
|
@@ -104,13 +103,13 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
|
|
|
104
103
|
onClose?(): void;
|
|
105
104
|
/** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
|
|
106
105
|
onOpen?(): void;
|
|
107
|
-
/** Если
|
|
106
|
+
/** Если `true`, то не отображает кнопку закрытия */
|
|
108
107
|
disableClearButton?: boolean;
|
|
109
108
|
/** Функция поиска */
|
|
110
109
|
searchFunction?: AutocompletePropSearchFunction<OPTION>;
|
|
111
|
-
/** Если
|
|
110
|
+
/** Если `true` не показывает список с отсутствующими опциями */
|
|
112
111
|
disableShowEmptyOptionsList?: boolean;
|
|
113
|
-
/** Если
|
|
112
|
+
/** Если `true` скрывает кнопку раскрытия/скрытия списка */
|
|
114
113
|
disableShowChevron?: boolean;
|
|
115
114
|
/** Свойства компонента Popover */
|
|
116
115
|
popoverProps?: AutocompleteDropdownProps['popoverProps'];
|
|
@@ -10,7 +10,7 @@ export type AvatarRef = ComponentRef<typeof AVATAR_DEFAULT_TAG>;
|
|
|
10
10
|
export type AvatarProps = ExtendableComponentPropsWithRef<{
|
|
11
11
|
/** Размер */
|
|
12
12
|
size?: AvatarSizeVariant;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` отобразит индикатор онлайна */
|
|
14
14
|
online?: boolean;
|
|
15
15
|
/** url изображения */
|
|
16
16
|
src?: string;
|
|
@@ -8,7 +8,7 @@ export type BackdropBaseProps = {
|
|
|
8
8
|
/** Функция обратного вызова которая будет вызвана когда компонент запрашивает
|
|
9
9
|
* закрытие (клик по подложке) */
|
|
10
10
|
onClose?(): void;
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` делает подложку невидимой */
|
|
12
12
|
isInvisible?: boolean;
|
|
13
13
|
/** Дополнительные CSS-классы */
|
|
14
14
|
className?: string;
|
|
@@ -29,9 +29,9 @@ export type BadgeBaseProps = {
|
|
|
29
29
|
horizontalOrigin?: BadgeHorizontalOriginVariant;
|
|
30
30
|
/** Расположение по вертикали */
|
|
31
31
|
verticalOrigin?: BadgeVerticalOriginVariant;
|
|
32
|
-
/** Если
|
|
32
|
+
/** Если `true` отображает нулевое значение */
|
|
33
33
|
showZero?: boolean;
|
|
34
|
-
/** Если
|
|
34
|
+
/** Если `true` компонент будет скрыт */
|
|
35
35
|
invisible?: boolean;
|
|
36
36
|
};
|
|
37
37
|
export type BadgeProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<BadgeBaseProps, As>;
|
|
@@ -28,9 +28,9 @@ type ButtonBaseProps = {
|
|
|
28
28
|
color?: ButtonColorVariant;
|
|
29
29
|
/** Содержимое кнопки */
|
|
30
30
|
children?: ReactNode;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` делает кнопку заблокированной */
|
|
32
32
|
disabled?: boolean;
|
|
33
|
-
/** Если
|
|
33
|
+
/** Если `true` переводит кнопку в состояние загрузки */
|
|
34
34
|
loading?: boolean;
|
|
35
35
|
/** Дополнительные CSS-классы */
|
|
36
36
|
className?: string;
|
|
@@ -38,7 +38,7 @@ type ButtonBaseProps = {
|
|
|
38
38
|
iconLeft?: ButtonIcon;
|
|
39
39
|
/** Иконка справа */
|
|
40
40
|
iconRight?: ButtonIcon;
|
|
41
|
-
/** Если
|
|
41
|
+
/** Если `true` растягивает кнопку на всю ширину родительского контейнера */
|
|
42
42
|
fullWidth?: boolean;
|
|
43
43
|
/** Свойства лейбла кнопки */
|
|
44
44
|
labelProps?: ComponentPropsWithRef<'span'>;
|
|
@@ -5,13 +5,13 @@ import { BUTTON_BASE_DEFAULT_TAG } from './constants';
|
|
|
5
5
|
type ButtonBaseBaseProps = {
|
|
6
6
|
/** Содержимое кнопки */
|
|
7
7
|
children?: ReactNode;
|
|
8
|
-
/** Если
|
|
8
|
+
/** Если `true` делает кнопку заблокированной */
|
|
9
9
|
disabled?: boolean;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` переводит кнопку в состояние загрузки */
|
|
11
11
|
loading?: boolean;
|
|
12
12
|
/** Дополнительные CSS-классы */
|
|
13
13
|
className?: string;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` делает кнопку не стилизованной */
|
|
15
15
|
unstyled?: boolean;
|
|
16
16
|
};
|
|
17
17
|
export type ButtonBaseProps<As extends ElementType = typeof BUTTON_BASE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ButtonBaseBaseProps, As>;
|
|
@@ -27,9 +27,9 @@ export type ButtonBaseProps = {
|
|
|
27
27
|
color?: ButtonColorVariant;
|
|
28
28
|
/** Содержимое кнопки */
|
|
29
29
|
children?: ReactNode;
|
|
30
|
-
/** Если
|
|
30
|
+
/** Если `true` делает кнопку заблокированной */
|
|
31
31
|
disabled?: boolean;
|
|
32
|
-
/** Если
|
|
32
|
+
/** Если `true` переводит кнопку в состояние загрузки */
|
|
33
33
|
loading?: boolean;
|
|
34
34
|
/** Дополнительные CSS-классы */
|
|
35
35
|
className?: string;
|
|
@@ -37,7 +37,7 @@ export type ButtonBaseProps = {
|
|
|
37
37
|
iconLeft?: ButtonIcon;
|
|
38
38
|
/** Иконка справа */
|
|
39
39
|
iconRight?: ButtonIcon;
|
|
40
|
-
/** Если
|
|
40
|
+
/** Если `true` растягивает кнопку на всю ширину родительского контейнера */
|
|
41
41
|
fullWidth?: boolean;
|
|
42
42
|
/** Свойства лейбла кнопки */
|
|
43
43
|
labelProps?: ComponentPropsWithRef<'span'>;
|
|
@@ -21,9 +21,9 @@ export type CardBaseProps = {
|
|
|
21
21
|
backgroundColor?: CardBackgroundColorVariant;
|
|
22
22
|
/** Свойство определяющее стиль отображения границы карточки */
|
|
23
23
|
borderVariant?: CardBorderVariant;
|
|
24
|
-
/** Если
|
|
24
|
+
/** Если `true` отображает компонент заблокированным и отключает взаимодействие с компонентом */
|
|
25
25
|
disabled?: boolean;
|
|
26
|
-
/** Если
|
|
26
|
+
/** Если `true` делает компонент интерактивным */
|
|
27
27
|
interactive?: boolean;
|
|
28
28
|
/** Содержимое карточки */
|
|
29
29
|
children: ReactNode;
|
|
@@ -8,11 +8,11 @@ export type CheckboxRef = ComponentRef<'label'>;
|
|
|
8
8
|
export type CheckboxProps = ExtendableComponentPropsWithRef<{
|
|
9
9
|
/** Размер */
|
|
10
10
|
size?: CheckboxSizeVariant;
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` делает элемент неактивным */
|
|
12
12
|
disabled?: boolean;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` делает элемент выбранным */
|
|
14
14
|
checked?: boolean;
|
|
15
|
-
/** Если
|
|
15
|
+
/** Если `true` отображает компонент как частично выбранный */
|
|
16
16
|
indeterminate?: boolean;
|
|
17
17
|
/** Расположение лейбла */
|
|
18
18
|
align?: FormControlLabelProps['align'];
|
|
@@ -14,7 +14,7 @@ export type ChipBaseProps = {
|
|
|
14
14
|
size?: ChipSizeVariant;
|
|
15
15
|
/** Вариант представления компонента */
|
|
16
16
|
color?: ChipColorVariant;
|
|
17
|
-
/** Если
|
|
17
|
+
/** Если `true` компонент отображается как заблокированный */
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
/** Иконка слева */
|
|
20
20
|
iconLeft?: ChipIconComponent;
|
|
@@ -13,9 +13,9 @@ export type ChipBaseProps = {
|
|
|
13
13
|
size?: ChipSizeVariant;
|
|
14
14
|
/** Вариант представления компонента */
|
|
15
15
|
color?: ChipColorVariant;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` компонент отображается как заблокированный */
|
|
17
17
|
disabled?: boolean;
|
|
18
|
-
/** Если
|
|
18
|
+
/** Если `true` делает элемент выбранным */
|
|
19
19
|
checked?: boolean;
|
|
20
20
|
/** Обработчик нажатия */
|
|
21
21
|
onClick?: (e: MouseEvent<HTMLElement>, payload: {
|
|
@@ -25,7 +25,7 @@ export type ChipBaseProps = {
|
|
|
25
25
|
iconLeft?: ChipIcon;
|
|
26
26
|
/** Иконка справа */
|
|
27
27
|
iconRight?: ChipIcon;
|
|
28
|
-
/** Если
|
|
28
|
+
/** Если `true` разбивает длинный текст на несколько строк */
|
|
29
29
|
multiline?: boolean;
|
|
30
30
|
/** Дополнительные СSS-классы */
|
|
31
31
|
className?: string;
|
|
@@ -4,9 +4,9 @@ export type CollapseRef = ComponentRef<'div'>;
|
|
|
4
4
|
export type CollapseProps = ExtendableComponentPropsWithRef<{
|
|
5
5
|
/** Содержимое */
|
|
6
6
|
children?: ReactNode;
|
|
7
|
-
/** Если
|
|
7
|
+
/** Если `true` раскрыт */
|
|
8
8
|
expanded?: boolean;
|
|
9
|
-
/** Если
|
|
9
|
+
/** Если `true` размонтирует контент при закрытии */
|
|
10
10
|
unmountOnClosed?: boolean;
|
|
11
11
|
/**
|
|
12
12
|
* Время анимации
|
|
@@ -7,11 +7,11 @@ export type DataListOptionProps = ExtendableComponentPropsWithRef<{
|
|
|
7
7
|
value: string | number;
|
|
8
8
|
/** Лейбл опции */
|
|
9
9
|
label?: string | number;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` отображает опцию заблокированной */
|
|
11
11
|
disabled?: boolean;
|
|
12
|
-
/** Если
|
|
12
|
+
/** Если `true` отображает опцию сфокусированной (клавиатура) */
|
|
13
13
|
focused?: boolean;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` отображает опцию выбранной */
|
|
15
15
|
selected?: boolean;
|
|
16
16
|
/** Функция обратного вызова обработчик нажатий на клавиатуре */
|
|
17
17
|
onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
|
|
@@ -19,7 +19,7 @@ export type DataListBaseProps<MULTIPLE extends boolean = false> = {
|
|
|
19
19
|
open?: boolean;
|
|
20
20
|
/** Содержимое компонента */
|
|
21
21
|
children: ReactNode;
|
|
22
|
-
/** Если
|
|
22
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
23
23
|
multiple?: MULTIPLE;
|
|
24
24
|
/** Дополнительные CSS-классы */
|
|
25
25
|
className?: string;
|
|
@@ -47,7 +47,7 @@ export type DatePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
47
47
|
popoverProps?: PopoverBaseProps;
|
|
48
48
|
/** Текст для кнопки очистки поля */
|
|
49
49
|
clearText?: string;
|
|
50
|
-
/** Если
|
|
50
|
+
/** Если `true`, то не отображает кнопку закрытия */
|
|
51
51
|
disableClearButton?: boolean;
|
|
52
52
|
/** Функция обратно вызова, которая сработает если пользователь ввёл дату с ошибкой */
|
|
53
53
|
onError?: DatePickerPropOnError;
|
|
@@ -5,15 +5,15 @@ import type { FIELD_LABEL_DEFAULT_TAG } from './constants';
|
|
|
5
5
|
export type FieldLabelSizeVariant = FormElementSizeVariant;
|
|
6
6
|
export type FieldLabelRef = ComponentRef<typeof FIELD_LABEL_DEFAULT_TAG>;
|
|
7
7
|
export type FieldLabelProps = ExtendableComponentPropsWithRef<{
|
|
8
|
-
/** Если
|
|
8
|
+
/** Если `true` переводит компонент в визуальное состояние заполненный */
|
|
9
9
|
filled?: boolean;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` переводит компонент в визуальное состояние лейбл прижатый к верху */
|
|
11
11
|
shrink?: boolean;
|
|
12
|
-
/** Если
|
|
12
|
+
/** Если `true` переводит компонент в визуальное состояние сфокусированный */
|
|
13
13
|
focused?: boolean;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` переводит компонент в визуальное состояние обязательный */
|
|
15
15
|
required?: boolean;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` переводит компонент в визуальное состояние неактивный */
|
|
17
17
|
disabled?: boolean;
|
|
18
18
|
/** Размер компонента */
|
|
19
19
|
size?: FieldLabelSizeVariant;
|
|
@@ -13,9 +13,9 @@ export type FileBaseProps = {
|
|
|
13
13
|
* @default main
|
|
14
14
|
* */
|
|
15
15
|
color?: FileColorVariant;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` отображает иконку загрузки и изменяет стилизацию */
|
|
17
17
|
loading?: boolean;
|
|
18
|
-
/** Если
|
|
18
|
+
/** Если `true` отображает иконку ошибки и изменяет стилизацию */
|
|
19
19
|
error?: boolean;
|
|
20
20
|
};
|
|
21
21
|
export type FileProps<As extends ElementType = typeof FILE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FileBaseProps, As>;
|
|
@@ -11,12 +11,12 @@ export type FilePickerRef = ComponentRef<'div'>;
|
|
|
11
11
|
export type FilePickerPropsDeprecated = {
|
|
12
12
|
/**
|
|
13
13
|
* Ссылка на FieldLabel
|
|
14
|
-
* @deprecated Используйте labelProps.ref
|
|
14
|
+
* @deprecated Используйте `labelProps.ref`
|
|
15
15
|
* */
|
|
16
16
|
labelRef?: FieldLabelProps['ref'];
|
|
17
17
|
/**
|
|
18
18
|
* Ссылка на элемент input
|
|
19
|
-
* @deprecated Используйте inputProps.ref
|
|
19
|
+
* @deprecated Используйте `inputProps.ref`
|
|
20
20
|
* */
|
|
21
21
|
inputRef?: Ref<HTMLInputElement>;
|
|
22
22
|
};
|
|
@@ -35,23 +35,23 @@ export type FilePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
35
35
|
placeholder?: string;
|
|
36
36
|
/** Функция обратного вызова, которая будет вызвана при выборе файла */
|
|
37
37
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
38
|
-
/** Если
|
|
38
|
+
/** Если `true` можно выбрать несколько файлов */
|
|
39
39
|
multiple?: boolean;
|
|
40
40
|
/** Список выбранных файлов */
|
|
41
41
|
fileList?: File[];
|
|
42
|
-
/** Если
|
|
42
|
+
/** Если `true` растягивает поле на всю ширину */
|
|
43
43
|
fullWidth?: boolean;
|
|
44
|
-
/** Если
|
|
44
|
+
/** Если `true` устанавливает автофокус */
|
|
45
45
|
autoFocus?: boolean;
|
|
46
46
|
/** Свойства элемента input */
|
|
47
47
|
inputProps?: InputElement & {
|
|
48
48
|
'data-testid'?: string;
|
|
49
49
|
};
|
|
50
|
-
/** Если
|
|
50
|
+
/** Если `true` отключает сокращение длинного названия файла */
|
|
51
51
|
disableTruncate?: boolean;
|
|
52
|
-
/** Если
|
|
52
|
+
/** Если `true` делает элемент обязательным к заполнению */
|
|
53
53
|
required?: boolean;
|
|
54
|
-
/** Если
|
|
54
|
+
/** Если `true` отключает обводку */
|
|
55
55
|
disableStroke?: boolean;
|
|
56
56
|
/** Текст или иконка слева */
|
|
57
57
|
renderLeft?: FieldIconProps['icon'];
|
|
@@ -59,9 +59,9 @@ export type FilePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
59
59
|
renderRight?: FieldIconProps['icon'];
|
|
60
60
|
/** Дополнительное описание к полю */
|
|
61
61
|
hint?: string | null;
|
|
62
|
-
/** Если
|
|
62
|
+
/** Если `true` переводит поле в состояние ошибки */
|
|
63
63
|
error?: boolean;
|
|
64
|
-
/** Если
|
|
64
|
+
/** Если `true` делает элемент неактивным */
|
|
65
65
|
disabled?: boolean;
|
|
66
66
|
/** Свойства FieldLabel */
|
|
67
67
|
labelProps?: FieldLabelProps;
|
|
@@ -18,7 +18,7 @@ export type FormControlLabelBaseProps = {
|
|
|
18
18
|
align?: FormControlLabelAlignVariant;
|
|
19
19
|
/** Размер (влияет на шрифт лейбла и отступ между лейблом и содержимым компонента) */
|
|
20
20
|
size?: FormControlLabelSizeVariant;
|
|
21
|
-
/** Если
|
|
21
|
+
/** Если `true` визуализирует компонент как заблокированный */
|
|
22
22
|
disabled?: boolean;
|
|
23
23
|
/** Дополнительные CSS-классы */
|
|
24
24
|
className?: string;
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
/* l >= 1280px */
|
|
5
5
|
.Grid {
|
|
6
6
|
display: grid;
|
|
7
|
-
min-inline-size: 0;
|
|
8
7
|
}
|
|
9
8
|
.Grid_cols_1 {
|
|
10
9
|
grid-template-columns: repeat(1, 1fr);
|
|
@@ -802,7 +801,6 @@
|
|
|
802
801
|
--grid-col-end: auto;
|
|
803
802
|
--grid-row-start: auto;
|
|
804
803
|
--grid-row-end: auto;
|
|
805
|
-
min-inline-size: 0;
|
|
806
804
|
grid-column: var(--grid-col-start) / var(--grid-col-end);
|
|
807
805
|
grid-row: var(--grid-row-start) / var(--grid-row-end);
|
|
808
806
|
}
|
|
@@ -21,15 +21,15 @@ type IconButtonBaseProps = {
|
|
|
21
21
|
color?: IconButtonColorVariant;
|
|
22
22
|
/** Цвет иконки кнопки */
|
|
23
23
|
iconColor?: string;
|
|
24
|
-
/** Если
|
|
24
|
+
/** Если `true` уменьшает размер компонента */
|
|
25
25
|
compressed?: boolean;
|
|
26
|
-
/** Если
|
|
26
|
+
/** Если `true` делает компонент заблокированным */
|
|
27
27
|
disabled?: boolean;
|
|
28
|
-
/** Если
|
|
28
|
+
/** Если `true` переводит компонент в состояние загрузки */
|
|
29
29
|
loading?: boolean;
|
|
30
30
|
/** Дополнительные CSS-классы */
|
|
31
31
|
className?: string;
|
|
32
|
-
/** Если
|
|
32
|
+
/** Если `true` делает компонент круглым */
|
|
33
33
|
rounded?: boolean;
|
|
34
34
|
children?: never;
|
|
35
35
|
};
|
|
@@ -20,15 +20,15 @@ export type IconButtonBaseProps = {
|
|
|
20
20
|
color?: IconButtonColorVariant;
|
|
21
21
|
/** Цвет иконки кнопки */
|
|
22
22
|
iconColor?: string;
|
|
23
|
-
/** Если
|
|
23
|
+
/** Если `true` уменьшает размер компонента */
|
|
24
24
|
compressed?: boolean;
|
|
25
|
-
/** Если
|
|
25
|
+
/** Если `true` делает компонент заблокированным */
|
|
26
26
|
disabled?: boolean;
|
|
27
|
-
/** Если
|
|
27
|
+
/** Если `true` переводит компонент в состояние загрузки */
|
|
28
28
|
loading?: boolean;
|
|
29
29
|
/** Дополнительные CSS-классы */
|
|
30
30
|
className?: string;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` делает компонент круглым */
|
|
32
32
|
rounded?: boolean;
|
|
33
33
|
children?: never;
|
|
34
34
|
};
|
|
@@ -14,7 +14,7 @@ export type IndicatorProps = ExtendableComponentPropsWithRef<{
|
|
|
14
14
|
* @default m
|
|
15
15
|
* */
|
|
16
16
|
size?: IndicatorSizeVariant;
|
|
17
|
-
/** Если
|
|
17
|
+
/** Если `true` устанавливает вокруг индикатора рамку
|
|
18
18
|
* @default false
|
|
19
19
|
* */
|
|
20
20
|
border?: boolean;
|
|
@@ -12,12 +12,12 @@ export type InputSizeVariant = FormElementSizeVariant;
|
|
|
12
12
|
type InputPropsDeprecated = {
|
|
13
13
|
/**
|
|
14
14
|
* Ссылка на FieldLabel
|
|
15
|
-
* @deprecated Используйте labelProps.ref
|
|
15
|
+
* @deprecated Используйте `labelProps.ref`
|
|
16
16
|
* */
|
|
17
17
|
labelRef?: FieldLabelProps['ref'];
|
|
18
18
|
/**
|
|
19
19
|
* Ссылка на элемент input
|
|
20
|
-
* @deprecated Используйте inputProps.ref
|
|
20
|
+
* @deprecated Используйте `inputProps.ref`
|
|
21
21
|
* */
|
|
22
22
|
inputRef?: Ref<HTMLInputElement>;
|
|
23
23
|
};
|
|
@@ -35,21 +35,21 @@ export type InputProps = ExtendableComponentPropsWithRef<{
|
|
|
35
35
|
size?: InputSizeVariant;
|
|
36
36
|
/** Подсказка. Отображается, когда вариант не выбран */
|
|
37
37
|
placeholder?: string;
|
|
38
|
-
/** Если
|
|
38
|
+
/** Если `true` устанавливает автофокус */
|
|
39
39
|
autoFocus?: boolean;
|
|
40
|
-
/** Если
|
|
40
|
+
/** Если `true` переводит поле в состояние ошибки */
|
|
41
41
|
error?: boolean;
|
|
42
|
-
/** Если
|
|
42
|
+
/** Если `true` растягивает поле на всю ширину */
|
|
43
43
|
fullWidth?: boolean;
|
|
44
44
|
/** Дополнительное описание к полю */
|
|
45
45
|
hint?: string | null | undefined;
|
|
46
46
|
/** Атрибут type для элемента input */
|
|
47
47
|
type?: InputTypeVariant;
|
|
48
|
-
/** Если
|
|
48
|
+
/** Если `true` делает элемент неактивным */
|
|
49
49
|
disabled?: boolean;
|
|
50
|
-
/** Если
|
|
50
|
+
/** Если `true` делает элемент обязательным к заполнению */
|
|
51
51
|
required?: boolean;
|
|
52
|
-
/** Если
|
|
52
|
+
/** Если `true` отключает обводку */
|
|
53
53
|
disableStroke?: boolean;
|
|
54
54
|
/** Минимальное количество символов разрешенных для ввода */
|
|
55
55
|
minLength?: InputElement['minLength'];
|
|
@@ -7,7 +7,7 @@ import type { FieldLabelProps } from '../FieldLabel';
|
|
|
7
7
|
type InputNumberPropsDeprecated = {
|
|
8
8
|
/**
|
|
9
9
|
* Ссылка на FieldLabel
|
|
10
|
-
* @deprecated Используйте labelProps.ref
|
|
10
|
+
* @deprecated Используйте `labelProps.ref`
|
|
11
11
|
* */
|
|
12
12
|
labelRef?: FieldLabelProps['ref'];
|
|
13
13
|
};
|
|
@@ -28,19 +28,19 @@ export type InputNumberProps = ExtendableComponentPropsWithRef<{
|
|
|
28
28
|
size?: InputNumberSizeVariant;
|
|
29
29
|
/** Подсказка. Отображается, когда вариант не выбран */
|
|
30
30
|
placeholder?: string;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` устанавливает автофокус */
|
|
32
32
|
autoFocus?: boolean;
|
|
33
|
-
/** Если
|
|
33
|
+
/** Если `true` переводит поле в состояние ошибки */
|
|
34
34
|
error?: boolean;
|
|
35
|
-
/** Если
|
|
35
|
+
/** Если `true` растягивает поле на всю ширину */
|
|
36
36
|
fullWidth?: boolean;
|
|
37
37
|
/** Дополнительное описание к полю */
|
|
38
38
|
hint?: string | null | undefined;
|
|
39
|
-
/** Если
|
|
39
|
+
/** Если `true` делает элемент неактивным */
|
|
40
40
|
disabled?: boolean;
|
|
41
|
-
/** Если
|
|
41
|
+
/** Если `true` делает элемент обязательным к заполнению */
|
|
42
42
|
required?: boolean;
|
|
43
|
-
/** Если
|
|
43
|
+
/** Если `true` отключает обводку */
|
|
44
44
|
disableStroke?: boolean;
|
|
45
45
|
/** Текст или иконка слева */
|
|
46
46
|
renderLeft?: FieldIconProps['icon'];
|
|
@@ -8,7 +8,7 @@ export type ListItemAlignVariant = (typeof listItemAlignVariant)[number];
|
|
|
8
8
|
export type ListItemBaseProps = {
|
|
9
9
|
/** Содержимое компонента */
|
|
10
10
|
children: ReactNode;
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` убирает отступы вокруг корневого элемента */
|
|
12
12
|
disableGutters?: boolean;
|
|
13
13
|
/** Расположение контента по вертикали (свойство flex-контейнера align-items) */
|
|
14
14
|
align?: ListItemAlignVariant;
|
|
@@ -8,9 +8,9 @@ export type ListItemButtonAlignVariant = (typeof listItemButtonAlignVariant)[num
|
|
|
8
8
|
export type ListItemButtonBaseProps = {
|
|
9
9
|
/** Содержимое компонента */
|
|
10
10
|
children?: ReactNode;
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` делает элемент неактивным */
|
|
12
12
|
disabled?: boolean;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` отображает элемент списка как выбранный */
|
|
14
14
|
selected?: boolean;
|
|
15
15
|
/** Расположение контента по вертикали (свойство flex-контейнера align-items) */
|
|
16
16
|
align?: ListItemButtonAlignVariant;
|
|
@@ -7,7 +7,7 @@ export type ListItemIconRef = ComponentRef<'div'>;
|
|
|
7
7
|
export type ListItemIconProps = ExtendableComponentPropsWithRef<{
|
|
8
8
|
/** Содержимое компонента */
|
|
9
9
|
children?: ReactNode;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` убирает внешние отступы вокруг корневого элемента */
|
|
11
11
|
disableMargin?: boolean;
|
|
12
12
|
}, 'div'>;
|
|
13
13
|
export declare const ListItemIcon: React.ForwardRefExoticComponent<Omit<ListItemIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -11,7 +11,7 @@ export type ListBaseProps = {
|
|
|
11
11
|
children?: ReactNode;
|
|
12
12
|
/** Размер компонента */
|
|
13
13
|
size?: ListSizeVariant;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` отключает боковые отступы */
|
|
15
15
|
disablePadding?: boolean;
|
|
16
16
|
/** Идентификатор компонента для тестов */
|
|
17
17
|
'data-testid'?: string;
|
|
@@ -8,7 +8,7 @@ export type MenuItemBaseProps = ListItemButtonBaseProps & {
|
|
|
8
8
|
label?: string;
|
|
9
9
|
/** Используется для вычисления значения выбранного элемента меню в выпадающих списках */
|
|
10
10
|
value?: string | number;
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` устанавливает автофокус */
|
|
12
12
|
autoFocus?: boolean;
|
|
13
13
|
};
|
|
14
14
|
export type MenuItemProps<As extends ElementType = typeof LIST_ITEM_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<MenuItemBaseProps, As>;
|
|
@@ -3,7 +3,7 @@ import type { ComponentRef } from 'react';
|
|
|
3
3
|
import type { ListProps } from '../../../List';
|
|
4
4
|
export type MenuListRef = ComponentRef<'div'>;
|
|
5
5
|
export type MenuListProps = {
|
|
6
|
-
/** Если
|
|
6
|
+
/** Если `true` устанавливает автофокус на первый активный элемент в списке */
|
|
7
7
|
autoFocus?: boolean;
|
|
8
8
|
} & ListProps<'div'>;
|
|
9
9
|
export declare const MenuList: React.ForwardRefExoticComponent<Omit<MenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -9,7 +9,7 @@ export type MenuProps = ExtendableComponentPropsWithRef<{
|
|
|
9
9
|
menuListProps?: Omit<MenuListProps, 'children'>;
|
|
10
10
|
/**
|
|
11
11
|
* Ссылка на компонент MenuList
|
|
12
|
-
* @deprecated Используйте menuListProps.ref
|
|
12
|
+
* @deprecated Используйте `menuListProps.ref`
|
|
13
13
|
* */
|
|
14
14
|
menuListRef?: RefObject<HTMLDivElement>;
|
|
15
15
|
/** Размер компонента */
|