@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
|
@@ -23,15 +23,15 @@ export type ModalProps = {
|
|
|
23
23
|
/** Функция обратного вызова которая будет вызвана когда компонент запрашивает
|
|
24
24
|
* закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
|
|
25
25
|
onClose?(): void;
|
|
26
|
-
/** Если
|
|
26
|
+
/** Если `true` скрывает подложку */
|
|
27
27
|
hideBackdrop?: boolean;
|
|
28
|
-
/** Если
|
|
28
|
+
/** Если `true` предотвращает размонтирование компонента при событии закрыть */
|
|
29
29
|
keepMounted?: boolean;
|
|
30
|
-
/** Если
|
|
30
|
+
/** Если `true` отключает блокировку прокрутки основного экрана приложения */
|
|
31
31
|
disableScrollLock?: boolean;
|
|
32
|
-
/** Если
|
|
32
|
+
/** Если `true` отключает закрытие окна при клике за его пределами */
|
|
33
33
|
disableClickOutside?: boolean;
|
|
34
|
-
/** Если
|
|
34
|
+
/** Если `true` отключает закрытие окна при нажатии на клавишу ESC */
|
|
35
35
|
disableEscapeKeyDown?: boolean;
|
|
36
36
|
/** Свойства компонента Backdrop (подложка) */
|
|
37
37
|
backdropProps?: BackdropProps & {
|
|
@@ -27,7 +27,7 @@ export type PaginationBaseProps = {
|
|
|
27
27
|
* @default 's'
|
|
28
28
|
*/
|
|
29
29
|
size?: PaginationSizeVariant;
|
|
30
|
-
/** Если
|
|
30
|
+
/** Если `true` делает компонент неактивным */
|
|
31
31
|
disabled?: boolean;
|
|
32
32
|
/** Кастомный класс для пагинации. */
|
|
33
33
|
className?: string;
|
|
@@ -19,7 +19,7 @@ export type PopoverBaseProps = {
|
|
|
19
19
|
open?: boolean;
|
|
20
20
|
/** Ссылка на элемент, относительно которого будет позиционироваться поповер */
|
|
21
21
|
anchorRef?: RefObject<HTMLElement>;
|
|
22
|
-
/** Список ссылок на элементы при клике на которые Popover не будет закрываться (см. хук useClickOutside) */
|
|
22
|
+
/** Список ссылок на элементы при клике на которые Popover не будет закрываться (см. хук [useClickOutside](https://ozen-ui.netlify.app/?path=/docs/hooks-useclickoutside--docs)) */
|
|
23
23
|
ignoreClickOutsideRefs?: Array<RefObject<HTMLElement>>;
|
|
24
24
|
/** Позиция, относительно которой будет позиционироваться поповер */
|
|
25
25
|
position?: {
|
|
@@ -30,8 +30,6 @@ export type PopoverBaseProps = {
|
|
|
30
30
|
children?: ReactNode;
|
|
31
31
|
/** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие */
|
|
32
32
|
onClose?(): void;
|
|
33
|
-
/** Функция обратного вызова которая будет вызвана до начала
|
|
34
|
-
* перехода компонента в состояние представлен */
|
|
35
33
|
/** Функция обратного вызова которая будет вызвана до начала
|
|
36
34
|
* перехода компонента в состояние представлен */
|
|
37
35
|
onEnter?(): void;
|
|
@@ -46,12 +44,12 @@ export type PopoverBaseProps = {
|
|
|
46
44
|
onExited?(): void;
|
|
47
45
|
/** Местоположение для разворачивания поповера */
|
|
48
46
|
placement?: PopoverPlacementVariant;
|
|
49
|
-
/** Установить ширину поповера равную элементу указанного в anchorRef */
|
|
47
|
+
/** Установить ширину поповера равную элементу указанного в `anchorRef` */
|
|
50
48
|
equalAnchorWidth?: boolean;
|
|
51
|
-
/** Отступы от якоря или заданной позиции
|
|
49
|
+
/** Отступы от якоря или заданной позиции `[skidding, distance]`:
|
|
52
50
|
*
|
|
53
|
-
* skidding
|
|
54
|
-
* distance
|
|
51
|
+
* - `skidding` — смещение вдоль якорного элемента.
|
|
52
|
+
* - `distance` — смещение поперек якорного элемента. */
|
|
55
53
|
offset?: number[];
|
|
56
54
|
/** Свойства по управлению анимацией перехода */
|
|
57
55
|
transitionProps?: Partial<CSSTransitionProps>;
|
|
@@ -65,7 +63,7 @@ export type PopoverBaseProps = {
|
|
|
65
63
|
disableEnforceFocus?: boolean;
|
|
66
64
|
/** Отключает захват и возврат текущего фокуса на момент открытия и закрытия окна соответственно */
|
|
67
65
|
disableReturnFocus?: boolean;
|
|
68
|
-
/** Если
|
|
66
|
+
/** Если `true` отключает закрытие окна при клике за его пределами */
|
|
69
67
|
disableClickOutside?: boolean;
|
|
70
68
|
/** Идентификатор компонента для тестов */
|
|
71
69
|
'data-testid'?: string;
|
|
@@ -73,11 +71,10 @@ export type PopoverBaseProps = {
|
|
|
73
71
|
setUpdate?(update: PopperJS.Instance['update'] | null): void;
|
|
74
72
|
/** Стратегия позиционирования */
|
|
75
73
|
strategy?: PopoverStrategyVariant;
|
|
76
|
-
/** Если
|
|
74
|
+
/** Если `true` позволяет смещаться по границе якорного элемента компонента */
|
|
77
75
|
disablePreventOverflow?: boolean;
|
|
78
76
|
/**
|
|
79
|
-
* Модификаторы для popper.js
|
|
80
|
-
* https://popper.js.org/docs/v2/modifiers/#custom-modifiers
|
|
77
|
+
* Модификаторы для [popper.js](https://popper.js.org/docs/v2/modifiers/#custom-modifiers)
|
|
81
78
|
* */
|
|
82
79
|
modifiers?: PopperProps<unknown>['modifiers'];
|
|
83
80
|
} & PortalBaseProps;
|
|
@@ -5,7 +5,7 @@ export type PortalRef = ComponentRef<typeof PORTAL_DEFAULT_TAG>;
|
|
|
5
5
|
export type PortalBaseProps = {
|
|
6
6
|
/** Контейнер для монтирования портала */
|
|
7
7
|
container?: Element | DocumentFragment | null;
|
|
8
|
-
/** Если
|
|
8
|
+
/** Если `true` отключает портал для компонента.
|
|
9
9
|
* Подробнее — https://react.dev/reference/react-dom/createPortal. */
|
|
10
10
|
disablePortal?: boolean;
|
|
11
11
|
};
|
|
@@ -7,9 +7,9 @@ export type RadioRef = ComponentRef<'label'>;
|
|
|
7
7
|
export type RadioProps = ExtendableComponentPropsWithRef<{
|
|
8
8
|
/** Размер */
|
|
9
9
|
size?: RadioSizeVariant;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` делает элемент неактивным */
|
|
11
11
|
disabled?: boolean;
|
|
12
|
-
/** Если
|
|
12
|
+
/** Если `true` делает элемент выбранным */
|
|
13
13
|
checked?: boolean;
|
|
14
14
|
/** Расположение лейбла */
|
|
15
15
|
align?: FormControlLabelProps['align'];
|
|
@@ -13,7 +13,7 @@ export type SectionMessageProps = ExtendableComponentPropsWithRef<{
|
|
|
13
13
|
*/
|
|
14
14
|
status?: SectionMessageStatusVariant;
|
|
15
15
|
/**
|
|
16
|
-
* Если
|
|
16
|
+
* Если `true` отображает иконку со статусом
|
|
17
17
|
* @default true
|
|
18
18
|
*/
|
|
19
19
|
showIcon?: boolean;
|
|
@@ -10,7 +10,7 @@ export type SegmentItemProps = ExtendableComponentPropsWithRef<{
|
|
|
10
10
|
icon?: FC<IconProps>;
|
|
11
11
|
/** Имя элемента */
|
|
12
12
|
name?: string;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` отображает компонент как выбранный */
|
|
14
14
|
selected?: boolean;
|
|
15
15
|
/** Содержимое компонента */
|
|
16
16
|
children?: ReactNode;
|
|
@@ -17,9 +17,9 @@ export type SegmentProps = ExtendableComponentPropsWithRef<{
|
|
|
17
17
|
selectedColor?: SegmentSelectedVariant;
|
|
18
18
|
/** Имя компонента */
|
|
19
19
|
name?: string;
|
|
20
|
-
/** Если
|
|
20
|
+
/** Если `true` отключает взаимодействие с компонентом */
|
|
21
21
|
disabled?: boolean;
|
|
22
|
-
/** Если
|
|
22
|
+
/** Если `true` растягивает компонент на всю ширину родительского контейнера */
|
|
23
23
|
fullWidth?: boolean;
|
|
24
24
|
/** Значение компонента */
|
|
25
25
|
value?: SegmentValueProp;
|
|
@@ -19,22 +19,22 @@ type FieldProps = ComponentPropsWithRef<'div'> & {
|
|
|
19
19
|
type SelectInputPropsDeprecated = {
|
|
20
20
|
/**
|
|
21
21
|
* Ссылка на Field
|
|
22
|
-
* @deprecated Используйте fieldProps.ref
|
|
22
|
+
* @deprecated Используйте `fieldProps.ref`
|
|
23
23
|
* */
|
|
24
24
|
fieldRef?: Ref<HTMLDivElement>;
|
|
25
25
|
/**
|
|
26
26
|
* Ссылка на элемент input
|
|
27
|
-
* @deprecated Используйте inputProps.ref
|
|
27
|
+
* @deprecated Используйте `inputProps.ref`
|
|
28
28
|
* */
|
|
29
29
|
inputRef?: Ref<HTMLInputElement>;
|
|
30
30
|
/**
|
|
31
31
|
* Ссылка на FieldLabel
|
|
32
|
-
* @deprecated Используйте labelProps.ref
|
|
32
|
+
* @deprecated Используйте `labelProps.ref`
|
|
33
33
|
* */
|
|
34
34
|
labelRef?: FieldLabelProps['ref'];
|
|
35
35
|
/**
|
|
36
36
|
* Ссылка на Body
|
|
37
|
-
* @deprecated Используйте bodyProps.ref
|
|
37
|
+
* @deprecated Используйте `bodyProps.ref`
|
|
38
38
|
* */
|
|
39
39
|
bodyRef?: Ref<HTMLDivElement>;
|
|
40
40
|
};
|
|
@@ -50,21 +50,21 @@ export type SelectInputProps = ExtendableComponentPropsWithRef<{
|
|
|
50
50
|
size?: SelectInputSizeVariant;
|
|
51
51
|
/** Подсказка. Отображается, когда вариант не выбран */
|
|
52
52
|
placeholder?: string;
|
|
53
|
-
/** Если
|
|
53
|
+
/** Если `true` устанавливает автофокус */
|
|
54
54
|
autoFocus?: boolean;
|
|
55
|
-
/** Если
|
|
55
|
+
/** Если `true` переводит поле в состояние ошибки */
|
|
56
56
|
error?: boolean;
|
|
57
|
-
/** Если
|
|
57
|
+
/** Если `true` растягивает поле на всю ширину */
|
|
58
58
|
fullWidth?: boolean;
|
|
59
59
|
/** Дополнительное описание к полю */
|
|
60
60
|
hint?: string | null | undefined;
|
|
61
|
-
/** Если
|
|
61
|
+
/** Если `true` делает элемент неактивным */
|
|
62
62
|
disabled?: boolean;
|
|
63
|
-
/** Если
|
|
63
|
+
/** Если `true` делает элемент обязательным к заполнению */
|
|
64
64
|
required?: boolean;
|
|
65
|
-
/** Если
|
|
65
|
+
/** Если `true` отключает обводку */
|
|
66
66
|
disableStroke?: boolean;
|
|
67
|
-
/** Если
|
|
67
|
+
/** Если `true` предотвращает сокращение текста в значении и
|
|
68
68
|
* задает гибкую высоту контейнера компонента */
|
|
69
69
|
multiline?: boolean;
|
|
70
70
|
/** Текст или иконка слева */
|
|
@@ -43,13 +43,13 @@ type SelectUncontrolledProps<MULTIPLE extends boolean = false> = {
|
|
|
43
43
|
type SelectPropsDeprecated<MULTIPLE extends boolean = false> = {
|
|
44
44
|
/**
|
|
45
45
|
* Свойства компонента Menu
|
|
46
|
-
* @deprecated Используйте dataListProps
|
|
46
|
+
* @deprecated Используйте `dataListProps`
|
|
47
47
|
* */
|
|
48
48
|
menuProps?: Partial<Omit<DataListBaseProps<MULTIPLE>, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
|
|
49
49
|
};
|
|
50
50
|
export type SelectRef = SelectInputRef;
|
|
51
51
|
export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentPropsWithRef<{
|
|
52
|
-
/** Если
|
|
52
|
+
/** Если `true` устанавливает автофокус */
|
|
53
53
|
autoFocus?: boolean;
|
|
54
54
|
/** Размер компонента */
|
|
55
55
|
size?: SelectSizeVariant;
|
|
@@ -63,7 +63,7 @@ export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentP
|
|
|
63
63
|
onClose?: () => void;
|
|
64
64
|
/** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
|
|
65
65
|
onOpen?: () => void;
|
|
66
|
-
/** Если
|
|
66
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
67
67
|
multiple?: MULTIPLE;
|
|
68
68
|
/** Идентификатор компонента для тестов */
|
|
69
69
|
'data-testid'?: string;
|
|
@@ -28,11 +28,11 @@ export type SliderBaseProps = {
|
|
|
28
28
|
onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
|
|
29
29
|
value: number;
|
|
30
30
|
}) => void;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` блокирует взаимодействие с компонентом */
|
|
32
32
|
disabled?: boolean;
|
|
33
33
|
/** Свойства-аттрибуты элемента input */
|
|
34
34
|
inputProps?: ComponentPropsWithRef<'input'>;
|
|
35
|
-
/** Если
|
|
35
|
+
/** Если `true` отключает появление тултипа при взаимодействии со слайдером */
|
|
36
36
|
disableTooltip?: boolean;
|
|
37
37
|
/** Рендер-функция для значения тултипа */
|
|
38
38
|
renderTooltipValue?: SliderRenderTooltipValue;
|
|
@@ -7,9 +7,9 @@ export type SnackbarItemRenderContentProps = {
|
|
|
7
7
|
/** Заголовок сообщения */
|
|
8
8
|
title: ReactNode;
|
|
9
9
|
/** Описание сообщения */
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` сообщение считается открытым */
|
|
11
11
|
open: boolean;
|
|
12
|
-
/** Если
|
|
12
|
+
/** Если `true` сообщение находится в процессе открытия */
|
|
13
13
|
opening: boolean;
|
|
14
14
|
/** Callback для программного закрытия сообщения */
|
|
15
15
|
close: () => void;
|
|
@@ -22,9 +22,9 @@ export type SnackbarItemProps = {
|
|
|
22
22
|
key: string;
|
|
23
23
|
/** Через какое время автоматически закроется сообщение */
|
|
24
24
|
lifetime: number;
|
|
25
|
-
/** Если
|
|
25
|
+
/** Если `true` сообщение считается открытым */
|
|
26
26
|
open: boolean;
|
|
27
|
-
/** Если
|
|
27
|
+
/** Если `true` сообщение находится в процессе открытия */
|
|
28
28
|
opening: boolean;
|
|
29
29
|
/** Id сообщения */
|
|
30
30
|
messageId: SnackbarMessageId;
|
|
@@ -17,7 +17,7 @@ export type SnackbarCommonProps = {
|
|
|
17
17
|
anchorOrigin?: SnackbarAnchorOrigin;
|
|
18
18
|
/** Время через которое автоматически закроется сообщение после отображения */
|
|
19
19
|
lifetime?: number;
|
|
20
|
-
/** Если
|
|
20
|
+
/** Если `true` продолжит отсчет lifetime при потере фокуса с окна браузера */
|
|
21
21
|
disableWindowBlurListener?: boolean;
|
|
22
22
|
};
|
|
23
23
|
export type SnackbarPushMessageProps = Partial<Pick<SnackbarItemProps, 'description' | 'messageId' | 'anchorOrigin' | 'rootProps' | 'onClose' | 'onExit' | 'onExited' | 'onEnter' | 'onEntered' | 'renderContent'>> & {
|
|
@@ -18,11 +18,11 @@ export type StackBaseProps = {
|
|
|
18
18
|
justify?: StackJustifyVariant;
|
|
19
19
|
/** Размер отступов */
|
|
20
20
|
gap?: ResponsiveValue<StackGapVariant>;
|
|
21
|
-
/** Если
|
|
21
|
+
/** Если `true` автоматически переносит строки (полезно при direction = 'row') */
|
|
22
22
|
wrap?: boolean;
|
|
23
|
-
/** Если
|
|
23
|
+
/** Если `true` растягивает компонент на всю ширину */
|
|
24
24
|
fullWidth?: boolean;
|
|
25
|
-
/** Если
|
|
25
|
+
/** Если `true` дочерние компоненты стека будут обернуты в компонент StackItem с "display: inline-block" и заданными отступами */
|
|
26
26
|
shouldWrapChildren?: boolean;
|
|
27
27
|
/** React-элемент для разделителя между дочерними компонентами стека */
|
|
28
28
|
divider?: ReactElement;
|
|
@@ -4,9 +4,9 @@ export type TableRowRef = ComponentRef<'tr'>;
|
|
|
4
4
|
export type TableRowProps = ExtendableComponentPropsWithRef<{
|
|
5
5
|
/** Содержимое ряда таблицы */
|
|
6
6
|
children?: ReactNode;
|
|
7
|
-
/** Если
|
|
7
|
+
/** Если `true` выделяет строку при наведении */
|
|
8
8
|
hover?: boolean;
|
|
9
|
-
/** Если
|
|
9
|
+
/** Если `true` выделяет строку как выбранную */
|
|
10
10
|
selected?: boolean;
|
|
11
11
|
/** data-атрибут для тестирования */
|
|
12
12
|
'data-testid'?: string;
|
|
@@ -19,7 +19,7 @@ export type TagBaseProps = {
|
|
|
19
19
|
variant?: TagVariant;
|
|
20
20
|
/** Цвет компонента */
|
|
21
21
|
color?: TagColor;
|
|
22
|
-
/** Если
|
|
22
|
+
/** Если `true` делает компонент интерактивным */
|
|
23
23
|
interactive?: boolean;
|
|
24
24
|
/** Иконка слева */
|
|
25
25
|
iconLeft?: TagIcon;
|
|
@@ -10,12 +10,12 @@ export type TextareaExpandVariant = (typeof textareaExpandVariant)[number];
|
|
|
10
10
|
type TextareaPropsDeprecated = {
|
|
11
11
|
/**
|
|
12
12
|
* Ссылка на FieldLabel
|
|
13
|
-
* @deprecated Используйте labelProps.ref
|
|
13
|
+
* @deprecated Используйте `labelProps.ref`
|
|
14
14
|
* */
|
|
15
15
|
labelRef?: FieldLabelProps['ref'];
|
|
16
16
|
/**
|
|
17
17
|
* Ссылка на элемент textarea
|
|
18
|
-
* @deprecated Используйте textareaProps.ref
|
|
18
|
+
* @deprecated Используйте `textareaProps.ref`
|
|
19
19
|
* */
|
|
20
20
|
textareaRef?: Ref<HTMLTextAreaElement>;
|
|
21
21
|
};
|
|
@@ -33,19 +33,19 @@ type TextareaBaseProps = {
|
|
|
33
33
|
size?: TextareaSizeVariant;
|
|
34
34
|
/** Подсказка. Отображается, когда вариант не выбран */
|
|
35
35
|
placeholder?: string;
|
|
36
|
-
/** Если
|
|
36
|
+
/** Если `true` устанавливает автофокус */
|
|
37
37
|
autoFocus?: boolean;
|
|
38
|
-
/** Если
|
|
38
|
+
/** Если `true` переводит поле в состояние ошибки */
|
|
39
39
|
error?: boolean;
|
|
40
|
-
/** Если
|
|
40
|
+
/** Если `true` растягивает поле на всю ширину */
|
|
41
41
|
fullWidth?: boolean;
|
|
42
42
|
/** Дополнительное описание к полю */
|
|
43
43
|
hint?: string | null | undefined;
|
|
44
|
-
/** Если
|
|
44
|
+
/** Если `true` делает элемент неактивным */
|
|
45
45
|
disabled?: boolean;
|
|
46
|
-
/** Если
|
|
46
|
+
/** Если `true` делает элемент обязательным к заполнению */
|
|
47
47
|
required?: boolean;
|
|
48
|
-
/** Если
|
|
48
|
+
/** Если `true` отключает обводку */
|
|
49
49
|
disableStroke?: boolean;
|
|
50
50
|
/** Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле. */
|
|
51
51
|
maxLength?: number;
|
|
@@ -7,9 +7,9 @@ export type ToggleRef = ComponentRef<'label'>;
|
|
|
7
7
|
export type ToggleProps = ExtendableComponentPropsWithRef<{
|
|
8
8
|
/** Размер */
|
|
9
9
|
size?: ToggleSizeVariant;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` делает элемент неактивным */
|
|
11
11
|
disabled?: boolean;
|
|
12
|
-
/** Если
|
|
12
|
+
/** Если `true` делает элемент выбранным */
|
|
13
13
|
checked?: boolean;
|
|
14
14
|
/** Расположение лейбла */
|
|
15
15
|
align?: FormControlLabelProps['align'];
|
|
@@ -11,7 +11,7 @@ export type TooltipTriggerVariant = (typeof tooltipTriggerVariant)[number];
|
|
|
11
11
|
type TooltipPropsDeprecated = {
|
|
12
12
|
/**
|
|
13
13
|
* Вариант представления
|
|
14
|
-
* @deprecated Используйте на замену свойство
|
|
14
|
+
* @deprecated Используйте на замену свойство `inverse`
|
|
15
15
|
* */
|
|
16
16
|
variant?: TooltipVariant;
|
|
17
17
|
};
|
|
@@ -26,9 +26,9 @@ export type TooltipBaseProps = {
|
|
|
26
26
|
label?: ReactNode;
|
|
27
27
|
/** Размер тултипа */
|
|
28
28
|
size?: TooltipSizeVariant;
|
|
29
|
-
/** Если
|
|
29
|
+
/** Если `true` инвертирует основные цвета компонента */
|
|
30
30
|
inverse?: boolean;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` отключает отображение тултипа */
|
|
32
32
|
disabled?: boolean;
|
|
33
33
|
/** События вызова тултипа */
|
|
34
34
|
trigger?: TooltipTriggerVariant;
|
|
@@ -13,11 +13,11 @@ export type TypographyBaseProps = {
|
|
|
13
13
|
variant?: TypographyVariant;
|
|
14
14
|
/** Цвет текста */
|
|
15
15
|
color?: TypographyColorVariant;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` добавляет отступы */
|
|
17
17
|
defaultMargin?: boolean;
|
|
18
18
|
/** Выравнивание */
|
|
19
19
|
align?: TypographyAlignVariant;
|
|
20
|
-
/** Если
|
|
20
|
+
/** Если `true` сокращает длинный текст */
|
|
21
21
|
noWrap?: boolean;
|
|
22
22
|
/** Задает поведение контейнера с типографикой в документе */
|
|
23
23
|
display?: TypographyDisplayVariant;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ozen-ui/kit",
|
|
3
|
-
"version": "0.58.
|
|
3
|
+
"version": "0.58.4",
|
|
4
4
|
"description": "React component library",
|
|
5
5
|
"files": [
|
|
6
6
|
"*"
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"react-popper": "^2.3.0",
|
|
28
28
|
"react-transition-group": "^4.4.5",
|
|
29
29
|
"tslib": "^2.6.3",
|
|
30
|
-
"@ozen-ui/fonts": "0.58.
|
|
31
|
-
"@ozen-ui/icons": "0.58.
|
|
32
|
-
"@ozen-ui/logger": "0.58.
|
|
30
|
+
"@ozen-ui/fonts": "0.58.4",
|
|
31
|
+
"@ozen-ui/icons": "0.58.4",
|
|
32
|
+
"@ozen-ui/logger": "0.58.4"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"react": ">=17.0.2 <19.0.0",
|