@alfalab/core-components-international-phone-input 1.2.2 → 1.2.3

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.
Files changed (158) hide show
  1. package/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts} +1 -1
  2. package/Component.mobile-ebda875c.d.ts +6 -0
  3. package/{cssm/index-8b2c2707.d.ts → Component.responsive-8566963f.d.ts} +4 -4
  4. package/Component.responsive.d.ts +10 -10
  5. package/Component.responsive.js +4 -4
  6. package/components/base-international-phone-input/Component.d.ts +3 -3
  7. package/components/base-international-phone-input/Component.js +1 -1
  8. package/components/base-international-phone-input/index.css +2 -2
  9. package/components/country-select/Component.js +1 -1
  10. package/components/country-select/index.css +8 -8
  11. package/components/flag-icon/component.js +1 -1
  12. package/components/flag-icon/index.css +3 -3
  13. package/components/select-field/component.js +1 -1
  14. package/components/select-field/index.css +9 -9
  15. package/cssm/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts} +1 -1
  16. package/cssm/Component.mobile-ebda875c.d.ts +6 -0
  17. package/{esm/index-8b2c2707.d.ts → cssm/Component.responsive-8566963f.d.ts} +4 -4
  18. package/cssm/Component.responsive.d.ts +10 -10
  19. package/cssm/Component.responsive.js +4 -4
  20. package/cssm/components/base-international-phone-input/Component.d.ts +3 -3
  21. package/cssm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
  22. package/cssm/{Component.desktop.js → desktop/Component.desktop.js} +15 -15
  23. package/cssm/desktop/index.d.ts +1 -1
  24. package/cssm/desktop/index.js +3 -3
  25. package/cssm/{Component.desktop-0aa4e915.d.ts → index-8566963f.d.ts} +2 -1
  26. package/cssm/index-89f0cb07.d.ts +2 -2
  27. package/cssm/index-ebda875c.d.ts +138 -13
  28. package/cssm/index.js +3 -3
  29. package/cssm/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
  30. package/cssm/{Component.mobile.js → mobile/Component.mobile.js} +12 -12
  31. package/cssm/mobile/index.d.ts +1 -1
  32. package/cssm/mobile/index.js +2 -2
  33. package/cssm/types.d.ts +1 -1
  34. package/cssm/typings-e63ec8aa.d.ts +1819 -0
  35. package/cssm/utils-d2597f31.d.ts +1 -1
  36. package/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
  37. package/{Component.desktop.js → desktop/Component.desktop.js} +11 -11
  38. package/desktop/index.d.ts +1 -1
  39. package/desktop/index.js +3 -3
  40. package/esm/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts} +1 -1
  41. package/esm/Component.mobile-ebda875c.d.ts +6 -0
  42. package/{index-8b2c2707.d.ts → esm/Component.responsive-8566963f.d.ts} +4 -4
  43. package/esm/Component.responsive.d.ts +10 -10
  44. package/esm/Component.responsive.js +3 -3
  45. package/esm/components/base-international-phone-input/Component.d.ts +3 -3
  46. package/esm/components/base-international-phone-input/Component.js +1 -1
  47. package/esm/components/base-international-phone-input/index.css +2 -2
  48. package/esm/components/country-select/Component.js +1 -1
  49. package/esm/components/country-select/index.css +8 -8
  50. package/esm/components/flag-icon/component.js +1 -1
  51. package/esm/components/flag-icon/index.css +3 -3
  52. package/esm/components/select-field/component.js +1 -1
  53. package/esm/components/select-field/index.css +9 -9
  54. package/esm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
  55. package/esm/{Component.desktop.js → desktop/Component.desktop.js} +9 -9
  56. package/esm/desktop/index.d.ts +1 -1
  57. package/esm/desktop/index.js +2 -2
  58. package/{modern/Component.desktop-0aa4e915.d.ts → esm/index-8566963f.d.ts} +2 -1
  59. package/esm/index-89f0cb07.d.ts +2 -2
  60. package/esm/index-ebda875c.d.ts +138 -13
  61. package/esm/index.js +3 -3
  62. package/esm/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
  63. package/esm/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
  64. package/esm/mobile/index.d.ts +1 -1
  65. package/esm/mobile/index.js +1 -1
  66. package/esm/types.d.ts +1 -1
  67. package/esm/typings-e63ec8aa.d.ts +1819 -0
  68. package/esm/utils-d2597f31.d.ts +1 -1
  69. package/{Component.desktop-0aa4e915.d.ts → index-8566963f.d.ts} +2 -1
  70. package/index-89f0cb07.d.ts +2 -2
  71. package/index-ebda875c.d.ts +138 -13
  72. package/index.js +3 -3
  73. package/{modern → mobile}/Component.mobile.d.ts +1 -1
  74. package/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
  75. package/mobile/index.d.ts +1 -1
  76. package/mobile/index.js +2 -2
  77. package/modern/{Component-0816e61d.d.ts → Component-e63ec8aa.d.ts} +1 -1
  78. package/modern/Component.mobile-ebda875c.d.ts +6 -0
  79. package/modern/{index-8b2c2707.d.ts → Component.responsive-8566963f.d.ts} +4 -4
  80. package/modern/Component.responsive.d.ts +10 -10
  81. package/modern/Component.responsive.js +3 -3
  82. package/modern/components/base-international-phone-input/Component.d.ts +3 -3
  83. package/modern/components/base-international-phone-input/Component.js +1 -1
  84. package/modern/components/base-international-phone-input/index.css +2 -2
  85. package/modern/components/country-select/Component.js +1 -1
  86. package/modern/components/country-select/index.css +8 -8
  87. package/modern/components/flag-icon/component.js +1 -1
  88. package/modern/components/flag-icon/index.css +3 -3
  89. package/modern/components/select-field/component.js +1 -1
  90. package/modern/components/select-field/index.css +9 -9
  91. package/modern/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
  92. package/modern/{Component.desktop.js → desktop/Component.desktop.js} +9 -9
  93. package/modern/desktop/index.d.ts +1 -1
  94. package/modern/desktop/index.js +2 -2
  95. package/{esm/Component.desktop-0aa4e915.d.ts → modern/index-8566963f.d.ts} +2 -1
  96. package/modern/index-89f0cb07.d.ts +2 -2
  97. package/modern/index-ebda875c.d.ts +138 -13
  98. package/modern/index.js +3 -3
  99. package/{Component.mobile.d.ts → modern/mobile/Component.mobile.d.ts} +1 -1
  100. package/modern/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
  101. package/modern/mobile/index.d.ts +1 -1
  102. package/modern/mobile/index.js +1 -1
  103. package/modern/types.d.ts +1 -1
  104. package/modern/typings-e63ec8aa.d.ts +1819 -0
  105. package/modern/utils-d2597f31.d.ts +1 -1
  106. package/package.json +4 -4
  107. package/src/Component.responsive.tsx +2 -2
  108. package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx} +3 -3
  109. package/src/desktop/index.ts +1 -1
  110. package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx} +5 -2
  111. package/src/mobile/index.ts +1 -1
  112. package/types.d.ts +1 -1
  113. package/typings-e63ec8aa.d.ts +1819 -0
  114. package/utils-d2597f31.d.ts +1 -1
  115. package/Component-8b2c2707.d.ts +0 -71
  116. package/Component.responsive-785df74d.d.ts +0 -28
  117. package/cssm/Component-8b2c2707.d.ts +0 -71
  118. package/cssm/Component.responsive-785df74d.d.ts +0 -28
  119. package/cssm/index-136acbb1.d.ts +0 -28
  120. package/cssm/index-72dda473.d.ts +0 -12
  121. package/cssm/index-bdb4c6b9.d.ts +0 -183
  122. package/cssm/index-c44170fe.d.ts +0 -2
  123. package/cssm/index-c76d6398.d.ts +0 -319
  124. package/cssm/types-72dda473.d.ts +0 -276
  125. package/cssm/typings-0816e61d.d.ts +0 -894
  126. package/cssm/typings-c44170fe.d.ts +0 -91
  127. package/esm/Component-8b2c2707.d.ts +0 -71
  128. package/esm/Component.responsive-785df74d.d.ts +0 -28
  129. package/esm/index-136acbb1.d.ts +0 -28
  130. package/esm/index-72dda473.d.ts +0 -12
  131. package/esm/index-bdb4c6b9.d.ts +0 -183
  132. package/esm/index-c44170fe.d.ts +0 -2
  133. package/esm/index-c76d6398.d.ts +0 -319
  134. package/esm/types-72dda473.d.ts +0 -276
  135. package/esm/typings-0816e61d.d.ts +0 -894
  136. package/esm/typings-c44170fe.d.ts +0 -91
  137. package/index-136acbb1.d.ts +0 -28
  138. package/index-72dda473.d.ts +0 -12
  139. package/index-bdb4c6b9.d.ts +0 -183
  140. package/index-c44170fe.d.ts +0 -2
  141. package/index-c76d6398.d.ts +0 -319
  142. package/modern/Component-8b2c2707.d.ts +0 -71
  143. package/modern/Component.responsive-785df74d.d.ts +0 -28
  144. package/modern/index-136acbb1.d.ts +0 -28
  145. package/modern/index-72dda473.d.ts +0 -12
  146. package/modern/index-bdb4c6b9.d.ts +0 -183
  147. package/modern/index-c44170fe.d.ts +0 -2
  148. package/modern/index-c76d6398.d.ts +0 -319
  149. package/modern/types-72dda473.d.ts +0 -276
  150. package/modern/typings-0816e61d.d.ts +0 -894
  151. package/modern/typings-c44170fe.d.ts +0 -91
  152. package/types-72dda473.d.ts +0 -276
  153. package/typings-0816e61d.d.ts +0 -894
  154. package/typings-c44170fe.d.ts +0 -91
  155. /package/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
  156. /package/cssm/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
  157. /package/esm/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
  158. /package/modern/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
@@ -1,5 +1,5 @@
1
1
  import { ReactNode, RefObject } from 'react';
2
- import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0816e61d";
2
+ import { BaseSelectProps, GroupShape, OptionShape } from "./typings-e63ec8aa";
3
3
  declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
4
4
  declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
5
5
  declare const joinOptions: ({ selected, selectedMultiple, }: {
@@ -1,71 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactElement } from "react";
4
- import { ButtonProps } from "./index-8b2c2707";
5
- type IconButtonProps = {
6
- /**
7
- * Компонент иконки
8
- */
9
- icon: ElementType<{
10
- className?: string;
11
- }> | ReactElement;
12
- /**
13
- * Тип кнопки
14
- */
15
- view?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'negative';
16
- /**
17
- * Размер компонента
18
- */
19
- size?: 'xxs' | 'xs' | 's';
20
- /**
21
- * Дополнительный класс
22
- */
23
- className?: string;
24
- /**
25
- * Выравнивание иконки
26
- * @default 'center'
27
- */
28
- alignIcon?: 'left' | 'center' | 'right';
29
- /**
30
- * Идентификатор для систем автоматизированного тестирования
31
- */
32
- dataTestId?: string;
33
- /**
34
- * Набор цветов для компонента
35
- */
36
- colors?: 'default' | 'inverted';
37
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
38
- declare const IconButton: React.ForwardRefExoticComponent<{
39
- /**
40
- * Компонент иконки
41
- */
42
- icon: ElementType<{
43
- className?: string;
44
- }> | ReactElement;
45
- /**
46
- * Тип кнопки
47
- */
48
- view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
49
- /**
50
- * Размер компонента
51
- */
52
- size?: "xs" | "s" | "xxs" | undefined;
53
- /**
54
- * Дополнительный класс
55
- */
56
- className?: string | undefined;
57
- /**
58
- * Выравнивание иконки
59
- * @default 'center'
60
- */
61
- alignIcon?: "center" | "right" | "left" | undefined;
62
- /**
63
- * Идентификатор для систем автоматизированного тестирования
64
- */
65
- dataTestId?: string | undefined;
66
- /**
67
- * Набор цветов для компонента
68
- */
69
- colors?: "default" | "inverted" | undefined;
70
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
71
- export { IconButtonProps, IconButton };
@@ -1,28 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { BaseFormControlProps } from "./index-ebda875c";
4
- type FormControlMobileProps = Omit<BaseFormControlProps, "styles" | "colorStyles">;
5
- declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
6
- type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
7
- /**
8
- * Контрольная точка, с нее начинается desktop версия
9
- * @default 1024
10
- */
11
- breakpoint?: number;
12
- /**
13
- * Значение по-умолчанию для хука useMatchMedia
14
- */
15
- defaultMatchMediaValue?: boolean | (() => boolean);
16
- };
17
- declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
18
- /**
19
- * Контрольная точка, с нее начинается desktop версия
20
- * @default 1024
21
- */
22
- breakpoint?: number | undefined;
23
- /**
24
- * Значение по-умолчанию для хука useMatchMedia
25
- */
26
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
27
- } & React.RefAttributes<HTMLDivElement>>;
28
- export { FormControlMobileProps, FormControlMobile, FormControlProps, FormControl };
@@ -1,71 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactElement } from "react";
4
- import { ButtonProps } from "./index-8b2c2707";
5
- type IconButtonProps = {
6
- /**
7
- * Компонент иконки
8
- */
9
- icon: ElementType<{
10
- className?: string;
11
- }> | ReactElement;
12
- /**
13
- * Тип кнопки
14
- */
15
- view?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'negative';
16
- /**
17
- * Размер компонента
18
- */
19
- size?: 'xxs' | 'xs' | 's';
20
- /**
21
- * Дополнительный класс
22
- */
23
- className?: string;
24
- /**
25
- * Выравнивание иконки
26
- * @default 'center'
27
- */
28
- alignIcon?: 'left' | 'center' | 'right';
29
- /**
30
- * Идентификатор для систем автоматизированного тестирования
31
- */
32
- dataTestId?: string;
33
- /**
34
- * Набор цветов для компонента
35
- */
36
- colors?: 'default' | 'inverted';
37
- } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
38
- declare const IconButton: React.ForwardRefExoticComponent<{
39
- /**
40
- * Компонент иконки
41
- */
42
- icon: ElementType<{
43
- className?: string;
44
- }> | ReactElement;
45
- /**
46
- * Тип кнопки
47
- */
48
- view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
49
- /**
50
- * Размер компонента
51
- */
52
- size?: "xs" | "s" | "xxs" | undefined;
53
- /**
54
- * Дополнительный класс
55
- */
56
- className?: string | undefined;
57
- /**
58
- * Выравнивание иконки
59
- * @default 'center'
60
- */
61
- alignIcon?: "center" | "right" | "left" | undefined;
62
- /**
63
- * Идентификатор для систем автоматизированного тестирования
64
- */
65
- dataTestId?: string | undefined;
66
- /**
67
- * Набор цветов для компонента
68
- */
69
- colors?: "default" | "inverted" | undefined;
70
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
71
- export { IconButtonProps, IconButton };
@@ -1,28 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { BaseFormControlProps } from "./index-ebda875c";
4
- type FormControlMobileProps = Omit<BaseFormControlProps, "styles" | "colorStyles">;
5
- declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
6
- type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
7
- /**
8
- * Контрольная точка, с нее начинается desktop версия
9
- * @default 1024
10
- */
11
- breakpoint?: number;
12
- /**
13
- * Значение по-умолчанию для хука useMatchMedia
14
- */
15
- defaultMatchMediaValue?: boolean | (() => boolean);
16
- };
17
- declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
18
- /**
19
- * Контрольная точка, с нее начинается desktop версия
20
- * @default 1024
21
- */
22
- breakpoint?: number | undefined;
23
- /**
24
- * Значение по-умолчанию для хука useMatchMedia
25
- */
26
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
27
- } & React.RefAttributes<HTMLDivElement>>;
28
- export { FormControlMobileProps, FormControlMobile, FormControlProps, FormControl };
@@ -1,28 +0,0 @@
1
- /// <reference types="react" />
2
- import { FC, ReactNode } from "react";
3
- /**
4
- * Набор констант для z-index соответствующих классов компонентов.
5
- * Значения выбраны по приоритету.
6
- */
7
- declare const stackingOrder: {
8
- FOCUSED: number;
9
- DEFAULT: number;
10
- POPOVER: number;
11
- MODAL: number;
12
- TOAST: number;
13
- };
14
- declare const StackingContext: import("react").Context<number>;
15
- type StackProps = {
16
- /**
17
- * Render prop, в который передается функция.
18
- * Функция принимает аргумент со значением z-index из текущего контекста.
19
- */
20
- children: (value: number) => ReactNode;
21
- /**
22
- * Исходное значение для z-index.
23
- * @default 5
24
- */
25
- value?: number;
26
- };
27
- declare const Stack: FC<StackProps>;
28
- export { stackingOrder, StackingContext, StackProps, Stack };
@@ -1,12 +0,0 @@
1
- type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
2
- type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
3
- type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
4
- type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
5
- type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
6
- type PaddingType = number | string | {
7
- top?: number;
8
- right?: number;
9
- bottom?: number;
10
- left?: number;
11
- };
12
- export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };
@@ -1,183 +0,0 @@
1
- /// <reference types="react" />
2
- /// <reference types="react-transition-group" />
3
- /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
4
- import React from "react";
5
- import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
6
- import { TransitionProps } from "react-transition-group/Transition";
7
- import { BackdropProps, PortalProps } from "./index-ebda875c";
8
- type BaseModalProps = {
9
- /**
10
- * Контент
11
- */
12
- children?: ReactNode;
13
- /**
14
- * Компонент бэкдропа
15
- */
16
- Backdrop?: FC<BackdropProps>;
17
- /**
18
- * Свойства для Бэкдропа
19
- */
20
- backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
21
- /**
22
- * Нода, компонент или функция возвращающая их
23
- *
24
- * Контейнер к которому будут добавляться порталы
25
- */
26
- container?: PortalProps["getPortalContainer"];
27
- /**
28
- * Отключает автоматический перевод фокуса на модалку при открытии
29
- * @default false
30
- */
31
- disableAutoFocus?: boolean;
32
- /**
33
- * Отключает ловушку фокуса
34
- * @default false
35
- */
36
- disableFocusLock?: boolean;
37
- /**
38
- * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
39
- * @default false
40
- */
41
- disableRestoreFocus?: boolean;
42
- /**
43
- * Отключает вызов `callback` при нажатии Escape
44
- * @default false
45
- */
46
- disableEscapeKeyDown?: boolean;
47
- /**
48
- * Отключает вызов `callback` при клике на бэкдроп
49
- * @default false
50
- */
51
- disableBackdropClick?: boolean;
52
- /**
53
- * Отключает блокировку скролла при открытии модального окна
54
- * @default false
55
- */
56
- disableBlockingScroll?: boolean;
57
- /**
58
- * Содержимое модалки всегда в DOM
59
- * @default false
60
- */
61
- keepMounted?: boolean;
62
- /**
63
- * Управление видимостью модалки
64
- */
65
- open: boolean;
66
- /**
67
- * Дополнительный класс
68
- */
69
- className?: string;
70
- /**
71
- * Дополнительный класс
72
- */
73
- contentClassName?: string;
74
- /**
75
- * Дополнительные пропсы на dialog wrapper
76
- */
77
- wrapperProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
78
- /**
79
- * Дополнительные пропсы на обертку контента
80
- */
81
- contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
82
- /**
83
- * Дополнительные пропсы на компонентную обертку контента
84
- */
85
- componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
86
- /**
87
- * Дополнительный класс для обертки (Modal)
88
- */
89
- wrapperClassName?: string;
90
- /**
91
- * Обработчик скролла контента
92
- */
93
- scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
94
- /**
95
- * Пропсы для анимации (CSSTransition)
96
- */
97
- transitionProps?: Partial<TransitionProps>;
98
- /**
99
- * Рендерить ли в контейнер через портал.
100
- * @default true
101
- */
102
- usePortal?: boolean;
103
- /**
104
- * Обработчик события нажатия на бэкдроп
105
- */
106
- onBackdropClick?: (event: MouseEvent) => void;
107
- /**
108
- * Обработчик события нажатия на Escape
109
- *
110
- * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
111
- */
112
- onEscapeKeyDown?: (event: KeyboardEvent) => void;
113
- /**
114
- * Обработчик закрытия
115
- */
116
- onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
117
- /**
118
- * Обработчик события onEntered компонента Transition
119
- */
120
- onMount?: () => void;
121
- /**
122
- * Обработчик события onExited компонента Transition
123
- */
124
- onUnmount?: () => void;
125
- /**
126
- * Идентификатор для систем автоматизированного тестирования
127
- */
128
- dataTestId?: string;
129
- /**
130
- * z-index компонента
131
- */
132
- zIndex?: number;
133
- /**
134
- * Реф, который должен быть установлен компонентной области
135
- */
136
- componentRef?: MutableRefObject<HTMLDivElement | null>;
137
- };
138
- type BaseModalContext = {
139
- parentRef: React.RefObject<HTMLDivElement>;
140
- componentRef: React.RefObject<HTMLDivElement>;
141
- hasFooter?: boolean;
142
- hasHeader?: boolean;
143
- hasScroll?: boolean;
144
- headerHighlighted?: boolean;
145
- footerHighlighted?: boolean;
146
- headerOffset?: number;
147
- setHeaderOffset: (offset: number) => void;
148
- contentRef: Ref<HTMLElement>;
149
- setHasHeader: (exists: boolean) => void;
150
- setHasFooter: (exists: boolean) => void;
151
- onClose: Required<BaseModalProps>["onClose"];
152
- };
153
- // eslint-disable-next-line @typescript-eslint/no-redeclare
154
- declare const BaseModalContext: React.Context<BaseModalContext>;
155
- declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
156
- declare function isScrolledToTop(target: HTMLElement): boolean;
157
- declare function isScrolledToBottom(target: HTMLElement): boolean;
158
- declare function hasScrollbar(target: HTMLElement): boolean;
159
- declare const restoreContainerStyles: (container: HTMLElement) => void;
160
- declare const handleContainer: (container?: HTMLElement) => void;
161
- type SavedStyle = {
162
- value: string;
163
- key: string;
164
- el: HTMLElement;
165
- };
166
- type RestoreStyle = {
167
- container: HTMLElement;
168
- modals: number;
169
- styles: SavedStyle[];
170
- };
171
- declare class ModalStore {
172
- private readonly restoreStyles;
173
- constructor();
174
- getRestoreStyles: () => RestoreStyle[];
175
- }
176
- declare const getModalStore: () => ModalStore;
177
- declare class GlobalStore {
178
- private readonly modalStore;
179
- constructor();
180
- getModalStore: () => ModalStore;
181
- }
182
- export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
183
- export type { SavedStyle };
@@ -1,2 +0,0 @@
1
- export * from "./Component.responsive-785df74d";
2
- export {};