@alfalab/core-components-intl-phone-input 9.5.12 → 9.5.13

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 (148) hide show
  1. package/Component-0f4b9bed.d.ts +5 -0
  2. package/{Component-72308007.d.ts → Component-10db897e.d.ts} +1 -1
  3. package/Component-4cd3936b.d.ts +1 -1
  4. package/Component-72dda473.d.ts +53 -0
  5. package/Component-8b2c2707.d.ts +1 -1
  6. package/Component.desktop-0aa4e915.d.ts +5 -0
  7. package/Component.desktop-4cd3936b.d.ts +4 -4
  8. package/{Component.desktop-d873d97d.d.ts → Component.desktop-63dec22f.d.ts} +1 -1
  9. package/Component.desktop-785df74d.d.ts +1 -1
  10. package/Component.mobile-16b1285a.d.ts +5 -0
  11. package/Component.mobile-d7e9f69d.d.ts +1 -1
  12. package/Component.responsive-3109f463.d.ts +3 -24
  13. package/Component.responsive-785df74d.d.ts +26 -0
  14. package/component.js +1 -1
  15. package/components/flag-icon/component.js +1 -1
  16. package/components/flag-icon/index.css +3 -3
  17. package/components/select/component.d.ts +9 -1
  18. package/components/select/component.js +1 -1
  19. package/components/select/index.css +6 -6
  20. package/components/select-field/component.js +1 -1
  21. package/components/select-field/index.css +9 -9
  22. package/{modern/Component-dd8ca091.d.ts → cssm/Component-0f4b9bed.d.ts} +1 -1
  23. package/{modern/Component-72308007.d.ts → cssm/Component-10db897e.d.ts} +1 -1
  24. package/cssm/Component-4cd3936b.d.ts +1 -1
  25. package/cssm/Component-c44170fe.d.ts +1 -1
  26. package/cssm/Component.desktop-0aa4e915.d.ts +5 -0
  27. package/cssm/Component.desktop-63dec22f.d.ts +1 -1
  28. package/cssm/{Component.desktop-d078a845.d.ts → Component.desktop-9cded6b9.d.ts} +2 -2
  29. package/cssm/Component.mobile-16b1285a.d.ts +5 -0
  30. package/cssm/Component.responsive-3109f463.d.ts +1 -1
  31. package/cssm/component.d.ts +1 -1
  32. package/cssm/desktop-89f0cb07.d.ts +2 -0
  33. package/cssm/hook-8abfea97.d.ts +8 -8
  34. package/cssm/hook-c44170fe.d.ts +1 -1
  35. package/{esm/index-72308007.d.ts → cssm/index-10db897e.d.ts} +1 -5
  36. package/cssm/index-8b2c2707.d.ts +1 -1
  37. package/cssm/index-c76d6398.d.ts +1 -1
  38. package/cssm/index-f12ee135.d.ts +1 -1
  39. package/cssm/mobile-89f0cb07.d.ts +2 -0
  40. package/cssm/shared-4cd3936b.d.ts +5 -5
  41. package/cssm/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  42. package/{esm/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
  43. package/{esm/utils-dd8ca091.d.ts → cssm/utils-0f4b9bed.d.ts} +1 -1
  44. package/desktop-63dec22f.d.ts +1 -1
  45. package/desktop-69921c40.d.ts +2 -0
  46. package/esm/{Component-72308007.d.ts → Component-0f4b9bed.d.ts} +1 -1
  47. package/esm/Component-10db897e.d.ts +6 -0
  48. package/esm/Component-4cd3936b.d.ts +1 -1
  49. package/esm/Component.desktop-0aa4e915.d.ts +5 -0
  50. package/{Component.desktop-dd8ca091.d.ts → esm/Component.desktop-0f4b9bed.d.ts} +1 -1
  51. package/{modern/Component.desktop-d078a845.d.ts → esm/Component.desktop-4cd3936b.d.ts} +2 -2
  52. package/esm/Component.mobile-16b1285a.d.ts +5 -0
  53. package/esm/Component.responsive-3109f463.d.ts +1 -1
  54. package/esm/component.d.ts +1 -1
  55. package/esm/component.js +1 -1
  56. package/esm/components/flag-icon/component.js +1 -1
  57. package/esm/components/flag-icon/index.css +3 -3
  58. package/esm/components/select/component.d.ts +1 -1
  59. package/esm/components/select/component.js +1 -1
  60. package/esm/components/select/index.css +6 -6
  61. package/esm/components/select-field/component.js +1 -1
  62. package/esm/components/select-field/index.css +9 -9
  63. package/esm/desktop-69921c40.d.ts +2 -0
  64. package/esm/hook-8abfea97.d.ts +8 -8
  65. package/{index-72308007.d.ts → esm/index-10db897e.d.ts} +1 -5
  66. package/esm/index-8b2c2707.d.ts +1 -1
  67. package/esm/index-c76d6398.d.ts +1 -1
  68. package/esm/index-f12ee135.d.ts +1 -1
  69. package/esm/index.css +5 -5
  70. package/esm/mobile-89f0cb07.d.ts +2 -0
  71. package/esm/shared-4cd3936b.d.ts +60 -17
  72. package/esm/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  73. package/{modern/typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
  74. package/{modern/utils-dd8ca091.d.ts → esm/utils-0f4b9bed.d.ts} +1 -1
  75. package/{hook-8abfea97.d.ts → hook-0f4b9bed.d.ts} +8 -8
  76. package/{esm/hook-c44170fe.d.ts → hook-ebda875c.d.ts} +1 -1
  77. package/{modern/index-72308007.d.ts → index-10db897e.d.ts} +2 -6
  78. package/index-8b2c2707.d.ts +1 -1
  79. package/index-c44170fe.d.ts +1 -1
  80. package/index-c76d6398.d.ts +1 -1
  81. package/index-f12ee135.d.ts +1 -1
  82. package/index.css +5 -5
  83. package/mobile-89f0cb07.d.ts +2 -0
  84. package/{esm/Component-dd8ca091.d.ts → modern/Component-0f4b9bed.d.ts} +1 -1
  85. package/{Component-dd8ca091.d.ts → modern/Component-10db897e.d.ts} +1 -1
  86. package/modern/Component-4cd3936b.d.ts +1 -1
  87. package/modern/Component-c44170fe.d.ts +1 -1
  88. package/modern/Component.desktop-0aa4e915.d.ts +5 -0
  89. package/modern/Component.desktop-63dec22f.d.ts +1 -1
  90. package/{esm/Component.desktop-d078a845.d.ts → modern/Component.desktop-9cded6b9.d.ts} +2 -2
  91. package/modern/Component.mobile-16b1285a.d.ts +5 -0
  92. package/modern/Component.responsive-3109f463.d.ts +1 -1
  93. package/modern/component.d.ts +1 -1
  94. package/modern/component.js +1 -1
  95. package/modern/components/flag-icon/component.js +1 -1
  96. package/modern/components/flag-icon/index.css +3 -3
  97. package/modern/components/select/component.js +1 -1
  98. package/modern/components/select/index.css +6 -6
  99. package/modern/components/select-field/component.js +1 -1
  100. package/modern/components/select-field/index.css +9 -9
  101. package/modern/desktop-89f0cb07.d.ts +2 -0
  102. package/modern/hook-8abfea97.d.ts +8 -8
  103. package/modern/hook-c44170fe.d.ts +1 -1
  104. package/{cssm/index-72308007.d.ts → modern/index-10db897e.d.ts} +1 -5
  105. package/modern/index-8b2c2707.d.ts +1 -1
  106. package/modern/index-c76d6398.d.ts +1 -1
  107. package/modern/index-f12ee135.d.ts +1 -1
  108. package/modern/index.css +5 -5
  109. package/modern/mobile-89f0cb07.d.ts +2 -0
  110. package/modern/shared-4cd3936b.d.ts +5 -5
  111. package/modern/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  112. package/{typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts} +5 -7
  113. package/{cssm/utils-dd8ca091.d.ts → modern/utils-0f4b9bed.d.ts} +1 -1
  114. package/package.json +3 -3
  115. package/shared-4cd3936b.d.ts +9 -62
  116. package/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts} +4 -0
  117. package/{cssm/typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
  118. package/{utils-dd8ca091.d.ts → utils-0f4b9bed.d.ts} +1 -1
  119. package/Component.desktop-2e2b2125.d.ts +0 -6
  120. package/Component.mobile-755fbaa3.d.ts +0 -6
  121. package/cssm/Component-72308007.d.ts +0 -100
  122. package/cssm/Component-dd8ca091.d.ts +0 -22
  123. package/cssm/Component.desktop-2e2b2125.d.ts +0 -6
  124. package/cssm/Component.mobile-755fbaa3.d.ts +0 -6
  125. package/cssm/desktop-2e2b2125.d.ts +0 -2
  126. package/cssm/mobile-755fbaa3.d.ts +0 -2
  127. package/esm/Component-c44170fe.d.ts +0 -13
  128. package/esm/Component.desktop-2e2b2125.d.ts +0 -6
  129. package/esm/Component.desktop-63dec22f.d.ts +0 -18
  130. package/esm/Component.mobile-755fbaa3.d.ts +0 -6
  131. package/esm/desktop-2e2b2125.d.ts +0 -2
  132. package/esm/desktop-63dec22f.d.ts +0 -2
  133. package/esm/mobile-755fbaa3.d.ts +0 -2
  134. package/mobile-755fbaa3.d.ts +0 -2
  135. package/modern/Component.desktop-2e2b2125.d.ts +0 -6
  136. package/modern/Component.mobile-755fbaa3.d.ts +0 -6
  137. package/modern/desktop-2e2b2125.d.ts +0 -2
  138. package/modern/mobile-755fbaa3.d.ts +0 -2
  139. /package/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  140. /package/{component-72308007.d.ts → component-10db897e.d.ts} +0 -0
  141. /package/cssm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  142. /package/cssm/{component-72308007.d.ts → component-10db897e.d.ts} +0 -0
  143. /package/esm/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  144. /package/esm/{component-72308007.d.ts → component-10db897e.d.ts} +0 -0
  145. /package/{desktop-785df74d.d.ts → esm/desktop-785df74d.d.ts} +0 -0
  146. /package/esm/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  147. /package/modern/{Component-63dec22f.d.ts → Component-69921c40.d.ts} +0 -0
  148. /package/modern/{component-72308007.d.ts → component-10db897e.d.ts} +0 -0
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { CheckmarkProps } from "./typings-0f4b9bed";
4
+ declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
5
+ export { BaseCheckmark };
@@ -2,5 +2,5 @@
2
2
  import React from 'react';
3
3
  import { NavigationBarProps } from "./types-1c79e231";
4
4
  declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
5
- export * from "./Component-63dec22f";
5
+ export * from "./Component-69921c40";
6
6
  export { NavigationBar };
@@ -4,5 +4,5 @@ import { FieldProps } from "./shared-4cd3936b";
4
4
  import { InputAutocompleteDesktopProps } from "./Component.desktop-4cd3936b";
5
5
  type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
6
6
  declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
7
- export * from "./Component.desktop-d873d97d";
7
+ export * from "./Component.desktop-63dec22f";
8
8
  export { AutocompleteFieldProps, AutocompleteField };
@@ -0,0 +1,53 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
4
+ type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
5
+ type BadgeProps = {
6
+ /**
7
+ * Дополнительный класс
8
+ */
9
+ className?: string;
10
+ /**
11
+ * Вид компонента
12
+ */
13
+ view: 'icon' | 'count';
14
+ /**
15
+ * Размер компонента (только для view=icon)
16
+ * //deprecated(используйте height для view=count )
17
+ */
18
+ size?: 's' | 'm' | 'l' | 'xl';
19
+ /**
20
+ * Видимость белой обводки вокруг иконки
21
+ */
22
+ visibleIconOutline?: boolean;
23
+ /**
24
+ * Видимость цветной обводки вокруг иконки (только для view=icon)
25
+ */
26
+ visibleColorOutline?: boolean;
27
+ /**
28
+ * Контент компонента
29
+ */
30
+ content?: React.ReactElement | number;
31
+ /**
32
+ * Высота компонента, min = 16; max = 48 (только для view=count)
33
+ */
34
+ height?: number;
35
+ /**
36
+ * Цветовое оформление бейджа при view='count'
37
+ */
38
+ color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
39
+ /**
40
+ * Цветовое оформление бейджа при view='icon'
41
+ */
42
+ iconColor?: IconColorType;
43
+ /**
44
+ * Цвет подложки под иконкой
45
+ */
46
+ iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
47
+ /**
48
+ * Идентификатор для систем автоматизированного тестирования
49
+ */
50
+ dataTestId?: string;
51
+ };
52
+ declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
53
+ export { IconColorType, BadgeProps, Badge };
@@ -49,7 +49,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
49
49
  /**
50
50
  * Размер компонента
51
51
  */
52
- size?: "s" | "xs" | "xxs" | undefined;
52
+ size?: "xs" | "s" | "xxs" | undefined;
53
53
  /**
54
54
  * Дополнительный класс
55
55
  */
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { CommonButtonProps } from "./typings-89f0cb07";
4
+ declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
+ export { ButtonDesktop };
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { ChangeEvent, FC, RefAttributes } from "react";
4
4
  import { InputProps } from "./index-c44170fe";
5
5
  import { BaseSelectProps } from "./shared-4cd3936b";
6
- type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
6
+ type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> & {
7
7
  /**
8
8
  * Компонент ввода значения
9
9
  */
@@ -33,18 +33,18 @@ type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSele
33
33
  */
34
34
  updatePopover?: BaseSelectProps['updatePopover'];
35
35
  };
36
- declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
36
+ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
37
37
  /**
38
38
  * Компонент ввода значения
39
39
  */
40
- Input?: React.FC<Omit<import("./index-c44170fe").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
40
+ Input?: React.FC<Omit<import("./index-ebda875c").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
41
41
  breakpoint?: number | undefined;
42
42
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
43
43
  } & React.RefAttributes<HTMLInputElement>> | undefined;
44
44
  /**
45
45
  * Пропсы, которые будут прокинуты в инпут
46
46
  */
47
- inputProps?: (Omit<import("./index-c44170fe").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
47
+ inputProps?: (Omit<import("./index-ebda875c").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
48
48
  breakpoint?: number | undefined;
49
49
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
50
50
  } & Record<string, unknown>) | undefined;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseInputProps } from "./index-c44170fe";
3
+ import { BaseInputProps } from "./index-ebda875c";
4
4
  type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
5
5
  declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
6
6
  export { InputDesktopProps, InputDesktop };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseFormControlProps } from "./Component.responsive-3109f463";
3
+ import { BaseFormControlProps } from "./index-ebda875c";
4
4
  type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
5
  declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export { FormControlDesktopProps, FormControlDesktop };
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { CommonButtonProps } from "./typings-89f0cb07";
4
+ declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
+ export { ButtonMobile };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { BaseFormControlProps } from "./Component.responsive-3109f463";
3
+ import { BaseFormControlProps } from "./index-ebda875c";
4
4
  type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
5
5
  declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
6
6
  export { FormControlMobileProps, FormControlMobile };
@@ -1,26 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
4
- /**
5
- * Контрольная точка, с нее начинается desktop версия
6
- * @default 1024
7
- */
8
- breakpoint?: number;
9
- /**
10
- * Значение по-умолчанию для хука useMatchMedia
11
- */
12
- defaultMatchMediaValue?: boolean | (() => boolean);
13
- };
14
- declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
15
- /**
16
- * Контрольная точка, с нее начинается desktop версия
17
- * @default 1024
18
- */
19
- breakpoint?: number | undefined;
20
- /**
21
- * Значение по-умолчанию для хука useMatchMedia
22
- */
23
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
24
- } & React.RefAttributes<HTMLDivElement>>;
25
- export * from "./Component-72308007";
26
- export { FormControlProps, FormControl };
3
+ import { ButtonProps } from "./typings-89f0cb07";
4
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
+ export { Button };
@@ -0,0 +1,26 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { BaseFormControlProps } from "./index-ebda875c";
4
+ type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
5
+ /**
6
+ * Контрольная точка, с нее начинается desktop версия
7
+ * @default 1024
8
+ */
9
+ breakpoint?: number;
10
+ /**
11
+ * Значение по-умолчанию для хука useMatchMedia
12
+ */
13
+ defaultMatchMediaValue?: boolean | (() => boolean);
14
+ };
15
+ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
16
+ /**
17
+ * Контрольная точка, с нее начинается desktop версия
18
+ * @default 1024
19
+ */
20
+ breakpoint?: number | undefined;
21
+ /**
22
+ * Значение по-умолчанию для хука useMatchMedia
23
+ */
24
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
25
+ } & React.RefAttributes<HTMLDivElement>>;
26
+ export { FormControlProps, FormControl };
package/component.js CHANGED
@@ -45,7 +45,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
45
45
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
46
46
  var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
47
47
 
48
- var styles = {"addons":"intl-phone-input__addons_16amw","l":"intl-phone-input__l_16amw","xl":"intl-phone-input__xl_16amw","flagIconWrapper":"intl-phone-input__flagIconWrapper_16amw","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16amw"};
48
+ var styles = {"addons":"intl-phone-input__addons_1y6jx","l":"intl-phone-input__l_1y6jx","xl":"intl-phone-input__xl_1y6jx","flagIconWrapper":"intl-phone-input__flagIconWrapper_1y6jx","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1y6jx"};
49
49
  require('./index.css')
50
50
 
51
51
  var countriesHash = utils.getCountriesHash();
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"flagIcon":"intl-phone-input__flagIcon_1bdxt","flagPlaceholder":"intl-phone-input__flagPlaceholder_1bdxt"};
14
+ var styles = {"flagIcon":"intl-phone-input__flagIcon_48qsi","flagPlaceholder":"intl-phone-input__flagPlaceholder_48qsi"};
15
15
  require('./index.css')
16
16
 
17
17
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 18vsq */
1
+ /* hash: k0dgr */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
17
17
  --gap-3xs: 2px;
18
18
  } :root {
19
19
  } :root {
20
- } .intl-phone-input__flagIcon_1bdxt {
20
+ } .intl-phone-input__flagIcon_48qsi {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .intl-phone-input__flagPlaceholder_1bdxt {
23
+ } .intl-phone-input__flagPlaceholder_48qsi {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
@@ -1,6 +1,14 @@
1
1
  import { FC } from 'react';
2
- import { SelectDesktopProps } from "../../Component.desktop-dd8ca091";
2
+ import { FormControlDesktopProps } from "../../desktop-63dec22f";
3
+ import { BaseSelectProps } from "../../typings-0f4b9bed";
3
4
  import { Country } from '@alfalab/utils';
5
+ type SelectFieldProps = Omit<FormControlDesktopProps, "size"> & Record<string, unknown>;
6
+ type SelectDesktopProps = Omit<BaseSelectProps, "fieldProps"> & {
7
+ /**
8
+ * Пропсы, которые будут прокинуты в компонент поля
9
+ */
10
+ fieldProps?: SelectFieldProps;
11
+ };
4
12
  type CountriesSelectProps = Pick<SelectDesktopProps, 'size' | 'dataTestId' | 'disabled' | 'onChange' | 'preventFlip'> & {
5
13
  selected?: string;
6
14
  countries: Country[];
@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
18
18
 
19
19
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
20
20
 
21
- var styles = {"component":"intl-phone-input__component_19l3w","option":"intl-phone-input__option_19l3w","flag":"intl-phone-input__flag_19l3w","countryName":"intl-phone-input__countryName_19l3w","dialCode":"intl-phone-input__dialCode_19l3w"};
21
+ var styles = {"component":"intl-phone-input__component_39wbc","option":"intl-phone-input__option_39wbc","flag":"intl-phone-input__flag_39wbc","countryName":"intl-phone-input__countryName_39wbc","dialCode":"intl-phone-input__dialCode_39wbc"};
22
22
  require('./index.css')
23
23
 
24
24
  var CountriesSelect = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1h04g */
1
+ /* hash: u3y0u */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,19 +17,19 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --text-secondary-color: var(--color-light-text-secondary);
20
- } .intl-phone-input__component_19l3w {
20
+ } .intl-phone-input__component_39wbc {
21
21
  position: static;
22
22
  display: flex;
23
23
  min-width: initial;
24
24
  height: 100%;
25
- } .intl-phone-input__option_19l3w {
25
+ } .intl-phone-input__option_39wbc {
26
26
  display: flex;
27
27
  align-items: flex-start;
28
- } .intl-phone-input__flag_19l3w {
28
+ } .intl-phone-input__flag_39wbc {
29
29
  flex-shrink: 0;
30
30
  margin-right: var(--gap-xs);
31
- } .intl-phone-input__countryName_19l3w {
31
+ } .intl-phone-input__countryName_39wbc {
32
32
  margin-right: var(--gap-xs);
33
- } .intl-phone-input__dialCode_19l3w {
33
+ } .intl-phone-input__dialCode_39wbc {
34
34
  color: var(--text-secondary-color);
35
35
  }
@@ -18,7 +18,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
  var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
20
20
 
21
- var styles = {"component":"intl-phone-input__component_rvui7","flagIconContainer":"intl-phone-input__flagIconContainer_rvui7","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_rvui7","disabled":"intl-phone-input__disabled_rvui7","inner":"intl-phone-input__inner_rvui7","l":"intl-phone-input__l_rvui7","xl":"intl-phone-input__xl_rvui7","focusVisible":"intl-phone-input__focusVisible_rvui7"};
21
+ var styles = {"component":"intl-phone-input__component_914c8","flagIconContainer":"intl-phone-input__flagIconContainer_914c8","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_914c8","disabled":"intl-phone-input__disabled_914c8","inner":"intl-phone-input__inner_914c8","l":"intl-phone-input__l_914c8","xl":"intl-phone-input__xl_914c8","focusVisible":"intl-phone-input__focusVisible_914c8"};
22
22
  require('./index.css')
23
23
 
24
24
  var EMPTY_COUNTRY_SELECT_FIELD = {
@@ -1,4 +1,4 @@
1
- /* hash: 1fe7w */
1
+ /* hash: 16pj6 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -21,33 +21,33 @@
21
21
  } :root {
22
22
  --focus-color: var(--color-light-border-link);
23
23
  --disabled-cursor: not-allowed;
24
- } .intl-phone-input__component_rvui7 {
24
+ } .intl-phone-input__component_914c8 {
25
25
  height: 100%;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  position: relative;
29
- } .intl-phone-input__flagIconContainer_rvui7 {
29
+ } .intl-phone-input__flagIconContainer_914c8 {
30
30
  display: flex;
31
31
  justify-content: center;
32
32
  align-items: center;
33
33
  width: 24px;
34
34
  height: 24px;
35
35
  margin-right: var(--gap-2xs);
36
- } .intl-phone-input__emptyCountryIcon_rvui7 {
36
+ } .intl-phone-input__emptyCountryIcon_914c8 {
37
37
  color: var(--color-light-graphic-secondary);
38
- } .intl-phone-input__disabled_rvui7 {
38
+ } .intl-phone-input__disabled_914c8 {
39
39
  cursor: var(--disabled-cursor);
40
- } .intl-phone-input__inner_rvui7 {
40
+ } .intl-phone-input__inner_914c8 {
41
41
  position: relative;
42
42
  display: flex;
43
43
  align-items: center;
44
44
  height: 100%;
45
45
  padding-left: var(--gap-s);
46
46
  outline: none;
47
- } .intl-phone-input__l_rvui7 .intl-phone-input__inner_rvui7,
48
- .intl-phone-input__xl_rvui7 .intl-phone-input__inner_rvui7 {
47
+ } .intl-phone-input__l_914c8 .intl-phone-input__inner_914c8,
48
+ .intl-phone-input__xl_914c8 .intl-phone-input__inner_914c8 {
49
49
  padding-left: var(--gap-m);
50
- } .intl-phone-input__focusVisible_rvui7 {
50
+ } .intl-phone-input__focusVisible_914c8 {
51
51
  outline: 2px solid var(--focus-color);
52
52
  outline-offset: 2px;
53
53
  }
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
- import { OptionShape, OptionsListProps } from "./typings-dd8ca091";
3
+ import { OptionShape, OptionsListProps } from "./typings-0f4b9bed";
4
4
  import { HeaderProps } from "./Component-ebda875c";
5
5
  type FooterProps = {
6
6
  handleClear?: () => void;
@@ -3,7 +3,7 @@ import React from "react";
3
3
  import { FC, ReactNode } from "react";
4
4
  import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
5
5
  import { BottomSheetProps } from "./index-f12ee135";
6
- import { BaseSelectProps } from "./typings-dd8ca091";
6
+ import { BaseSelectProps } from "./typings-0f4b9bed";
7
7
  type FooterProps = {
8
8
  /**
9
9
  * Контент футера
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { FieldProps } from "./shared-4cd3936b";
4
- import { InputAutocompleteDesktopProps } from "./Component.desktop-d078a845";
4
+ import { InputAutocompleteDesktopProps } from "./Component.desktop-9cded6b9";
5
5
  type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
6
6
  declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
7
7
  export * from "./Component.desktop-d873d97d";
@@ -2,7 +2,7 @@
2
2
  import React from 'react';
3
3
  import { ElementType } from "react";
4
4
  import { FormControlProps } from "./index-c44170fe";
5
- import { FieldProps as BaseFieldProps } from "./typings-dd8ca091";
5
+ import { FieldProps as BaseFieldProps } from "./typings-0f4b9bed";
6
6
  type FieldProps = {
7
7
  /**
8
8
  * Компонент FormControl
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { CommonButtonProps } from "./typings-89f0cb07";
4
+ declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
+ export { ButtonDesktop };
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { FormControlDesktopProps } from "./desktop-63dec22f";
4
- import { BaseSelectProps } from "./typings-dd8ca091";
4
+ import { BaseSelectProps } from "./typings-0f4b9bed";
5
5
  type SelectFieldProps = Omit<FormControlDesktopProps, 'size'> & Record<string, unknown>;
6
6
  type SelectDesktopProps = Omit<BaseSelectProps, 'fieldProps'> & {
7
7
  /**
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { ChangeEvent, FC, RefAttributes } from "react";
4
4
  import { InputProps } from "./index-c44170fe";
5
5
  import { BaseSelectProps } from "./shared-4cd3936b";
6
- type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
6
+ type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> & {
7
7
  /**
8
8
  * Компонент ввода значения
9
9
  */
@@ -33,7 +33,7 @@ type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSele
33
33
  */
34
34
  updatePopover?: BaseSelectProps['updatePopover'];
35
35
  };
36
- declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
36
+ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
37
37
  /**
38
38
  * Компонент ввода значения
39
39
  */
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { CommonButtonProps } from "./typings-89f0cb07";
4
+ declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
5
+ export { ButtonMobile };
@@ -22,5 +22,5 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
22
22
  */
23
23
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
24
24
  } & React.RefAttributes<HTMLDivElement>>;
25
- export * from "./Component-72308007";
25
+ export * from "./Component-10db897e";
26
26
  export { FormControlProps, FormControl };
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { CountryCode } from 'libphonenumber-js';
4
- import { InputAutocompleteDesktopProps } from "./Component.desktop-d078a845";
4
+ import { InputAutocompleteDesktopProps } from "./Component.desktop-9cded6b9";
5
5
  import { SelectProps } from "@alfalab/core-components-select";
6
6
  import { Country } from '@alfalab/utils';
7
7
  type MaxPhoneLenByCountry = Record<string, number>;
@@ -0,0 +1,2 @@
1
+ export { ButtonDesktop } from "./Component.desktop-0aa4e915";
2
+ export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BaseSelectProps, OptionShape } from "./typings-dd8ca091";
2
+ import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
3
3
  type UseSelectWithApplyProps = {
4
4
  /**
5
5
  * Список выбранных пунктов
@@ -44,20 +44,20 @@ type UseSelectWithApplyProps = {
44
44
  };
45
45
  declare const SELECT_ALL_KEY = "select_all";
46
46
  declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
47
- OptionsList: import("react").ForwardRefExoticComponent<import("./typings-dd8ca091").OptionsListProps & {
47
+ OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
48
48
  showClear?: boolean | undefined;
49
49
  onClose?: (() => void) | undefined; /**
50
50
  * Компонент выпадающего меню
51
51
  */
52
52
  selectedDraft?: OptionShape[] | undefined;
53
- OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
54
- Footer?: import("react").FC<import("./Component-dd8ca091").FooterProps> | undefined;
53
+ OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
54
+ Footer?: import("react").FC<import("./Component-0f4b9bed").FooterProps> | undefined;
55
55
  Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
56
56
  headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
57
57
  showHeaderWithSelectAll?: boolean | undefined;
58
58
  } & import("react").RefAttributes<HTMLDivElement>>;
59
59
  optionsListProps: {
60
- OptionsList: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
60
+ OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
61
61
  showClear: boolean;
62
62
  onClear: () => void;
63
63
  onApply: () => void;
@@ -72,11 +72,11 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
72
72
  };
73
73
  allowUnselect: boolean;
74
74
  multiple: boolean;
75
- options: (OptionShape | import("./typings-dd8ca091").GroupShape | {
75
+ options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
76
76
  key: string;
77
77
  content: string;
78
78
  })[];
79
- onChange: (payload: import("./typings-dd8ca091").BaseSelectChangePayload) => void;
79
+ onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
80
80
  selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
81
81
  showSearch: boolean | undefined;
82
82
  searchProps: {
@@ -86,5 +86,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
86
86
  accessor?: ((option: OptionShape) => string) | undefined;
87
87
  } | undefined;
88
88
  };
89
- export * from "./Component-dd8ca091";
89
+ export * from "./Component-0f4b9bed";
90
90
  export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { OptionProps, OptionShape } from "./typings-dd8ca091";
3
+ import { OptionProps, OptionShape } from "./typings-0f4b9bed";
4
4
  type OptionsFetcherResponse = {
5
5
  options: OptionShape[];
6
6
  hasMore: boolean;
@@ -10,10 +10,6 @@ declare function easeInOutQuad(x: number): number;
10
10
  declare const easingFns: {
11
11
  easeInOutQuad: typeof easeInOutQuad;
12
12
  };
13
- declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
14
- declare const inputUtils: {
15
- disableUserInput: typeof disableUserInput;
16
- };
17
13
  /**
18
14
  * Возвращает true, если значение равно null или undefined
19
15
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
51
47
  prefixPostprocessor: typeof prefixPostprocessor;
52
48
  caretGuard: typeof caretGuard;
53
49
  };
54
- export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
50
+ export { createPaddingStyle, isClient, getDataTestId, easingFns, fnUtils, maskUtils };
@@ -1,2 +1,2 @@
1
1
  export { Button } from "./Component.responsive-3109f463";
2
- export type { ButtonProps } from "./typings-9211a437";
2
+ export type { ButtonProps } from "./typings-89f0cb07";
@@ -1,2 +1,2 @@
1
- export * from "./Component-72308007";
1
+ export * from "./Component-10db897e";
2
2
  export type { NavigationBarProps } from "./types-1c79e231";
@@ -1,3 +1,3 @@
1
- export * from "./component-72308007";
1
+ export * from "./component-10db897e";
2
2
  export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-67a2d8af";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
@@ -0,0 +1,2 @@
1
+ export { ButtonMobile } from "./Component.mobile-16b1285a";
2
+ export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
@@ -3,7 +3,7 @@ import React from "react";
3
3
  import { ReactNode } from "react";
4
4
  import { BottomSheetProps } from "./index-f12ee135";
5
5
  import { UseSelectWithApplyProps } from "./hook-8abfea97";
6
- import { BaseSelectProps, OptionProps, OptionShape } from "./typings-dd8ca091";
6
+ import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
7
7
  type AdditionalMobileProps = {
8
8
  /**
9
9
  * Футер
@@ -56,9 +56,9 @@ type FooterProps = {
56
56
  declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
57
57
  export { AdditionalMobileProps, SelectMobileProps, SelectMobile, useSelectWithLoading, FooterProps, Footer };
58
58
  export * from "./index-ebda875c";
59
- export * from "./Component-dd8ca091";
59
+ export * from "./Component-0f4b9bed";
60
60
  export * from "./hook-c44170fe";
61
61
  export * from "./hook-8abfea97";
62
- export * from "./Component-72308007";
63
- export * from "./typings-dd8ca091";
64
- export * from "./utils-dd8ca091";
62
+ export * from "./Component-10db897e";
63
+ export * from "./typings-0f4b9bed";
64
+ export * from "./utils-0f4b9bed";