skillgrid 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1208465 → 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1213385

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.
@@ -1,4 +1,5 @@
1
- import { HTMLProps } from 'react';
1
+ import { ComponentProps, HTMLProps } from 'react';
2
+ import { FloatingOverlay, FloatingPortalProps } 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 'top'
13
+ * @default 'default'
13
14
  */
14
15
  placement?: DialogPlacement;
15
16
  /**
@@ -22,8 +23,15 @@ 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
- overlayClassName?: HTMLProps<HTMLDivElement>['className'];
33
+ /** Пропсы для оверлея. */
34
+ overlayProps?: Pick<ComponentProps<typeof FloatingOverlay>, 'lockScroll' | 'className' | 'style'>;
35
+ /** Пропсы для портала */
36
+ portalProps?: FloatingPortalProps;
29
37
  }
@@ -13,7 +13,7 @@ export interface ModalProps extends DialogProps {
13
13
  subTitle?: ReactNode;
14
14
  /** Содержимое футера (например, кнопки). */
15
15
  footer?: ReactNode;
16
- /** Ширина модального окна в px (допустимо: 480, 620, 800). */
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;
@@ -1,5 +1,5 @@
1
1
  import { ReactNode, HTMLAttributes } from 'react';
2
- import { Nullable } from '../../../../../../src/types';
2
+ import { Nullable } from '../../types';
3
3
  import { BadgeProps } from '../Badge';
4
4
  /**
5
5
  * Tabs визуальный режим табов