skillgrid 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1208465 → 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1210374
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/dist/components/Dialog/Dialog.type.d.ts +10 -4
- package/dist/components/Modal/Modal.type.d.ts +1 -1
- package/dist/components/Placeholder/Placeholder.type.d.ts +3 -2
- package/dist/components/Tabs/Tabs.type.d.ts +1 -1
- package/dist/index.cjs.js +7 -7
- package/dist/index.es.js +588 -583
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { HTMLProps } from 'react';
|
|
1
|
+
import { ComponentProps, HTMLProps } from 'react';
|
|
2
|
+
import { FloatingOverlay } from '@floating-ui/react';
|
|
2
3
|
/** Тип позиционирования диалогового окна. */
|
|
3
4
|
export type DialogPlacement = 'default' | 'default-stretched' | 'center' | 'center-stretched' | 'mobile' | 'right-drawer' | 'left-drawer';
|
|
4
5
|
/** Пропсы для компонента Dialog. */
|
|
@@ -9,7 +10,7 @@ export interface DialogProps extends Pick<HTMLProps<HTMLDivElement>, 'className'
|
|
|
9
10
|
onOpenChange: (open: boolean) => void;
|
|
10
11
|
/**
|
|
11
12
|
* Позиционирование диалога.
|
|
12
|
-
* @default '
|
|
13
|
+
* @default 'default'
|
|
13
14
|
*/
|
|
14
15
|
placement?: DialogPlacement;
|
|
15
16
|
/**
|
|
@@ -22,8 +23,13 @@ export interface DialogProps extends Pick<HTMLProps<HTMLDivElement>, 'className'
|
|
|
22
23
|
* @default false
|
|
23
24
|
*/
|
|
24
25
|
disableEscapeKey?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Отключить рендеринг оверлея.
|
|
28
|
+
* @default false
|
|
29
|
+
* */
|
|
30
|
+
disableOverlay?: boolean;
|
|
25
31
|
/** testId для тестирования. */
|
|
26
32
|
'data-testid'?: string;
|
|
27
|
-
/**
|
|
28
|
-
|
|
33
|
+
/** Пропсы для оверлея. */
|
|
34
|
+
overlayProps?: Pick<ComponentProps<typeof FloatingOverlay>, 'lockScroll' | 'className' | 'style'>;
|
|
29
35
|
}
|
|
@@ -13,7 +13,7 @@ export interface ModalProps extends DialogProps {
|
|
|
13
13
|
subTitle?: ReactNode;
|
|
14
14
|
/** Содержимое футера (например, кнопки). */
|
|
15
15
|
footer?: ReactNode;
|
|
16
|
-
/** Ширина модального окна в px
|
|
16
|
+
/** Ширина модального окна в px. */
|
|
17
17
|
size?: 480 | 620 | 800;
|
|
18
18
|
/** Inline-стили для отдельных частей модального окна. */
|
|
19
19
|
styles?: Partial<Record<ModalFields, HTMLProps<HTMLDivElement>['style']>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { HTMLProps, ReactNode } from 'react';
|
|
2
2
|
/** Размеры плейсхолдера */
|
|
3
3
|
export type PlaceholderSize = 'm' | 'l';
|
|
4
|
+
/** Поля плейсхолдера для стилизации. */
|
|
4
5
|
type PlaceholderFields = 'title' | 'subTitle' | 'iconSlot' | 'children' | 'textBlock' | 'container';
|
|
5
6
|
/** Свойства компонента Placeholder */
|
|
6
7
|
export interface PlaceholderProps extends Pick<HTMLProps<HTMLDivElement>, 'children'> {
|
|
@@ -12,9 +13,9 @@ export interface PlaceholderProps extends Pick<HTMLProps<HTMLDivElement>, 'child
|
|
|
12
13
|
title?: ReactNode;
|
|
13
14
|
/** Подзаголовок плейсхолдера */
|
|
14
15
|
subTitle?: ReactNode;
|
|
15
|
-
/** Inline-стили для отдельных частей
|
|
16
|
+
/** Inline-стили для отдельных частей плейсхолдера. */
|
|
16
17
|
styles?: Partial<Record<PlaceholderFields, HTMLProps<HTMLDivElement>['style']>>;
|
|
17
|
-
/** CSS-классы для отдельных частей
|
|
18
|
+
/** CSS-классы для отдельных частей плейсхолдера. */
|
|
18
19
|
classNames?: Partial<Record<PlaceholderFields, HTMLProps<HTMLDivElement>['className']>>;
|
|
19
20
|
/** Идентификатор для тестирования */
|
|
20
21
|
'data-testid'?: string;
|