@alfalab/core-components-intl-phone-input 9.5.7 → 9.5.9
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/Component-1a4fbd11.d.ts +5 -99
- package/Component-4cd3936b.d.ts +1 -1
- package/Component-dd8ca091.d.ts +96 -18
- package/component-1a4fbd11.d.ts +1 -1
- package/component.d.ts +1 -1
- package/component.js +1 -1
- package/components/flag-icon/component.js +1 -1
- package/components/flag-icon/index.css +3 -3
- package/components/select/component.d.ts +1 -1
- package/components/select/component.js +1 -1
- package/components/select/index.css +6 -6
- package/components/select-field/component.js +1 -1
- package/components/select-field/index.css +9 -9
- package/cssm/component-1a4fbd11.d.ts +1 -1
- package/cssm/index-f12ee135.d.ts +1 -1
- package/{esm/types-b0ff398d.d.ts → cssm/types-e40becc7.d.ts} +6 -2
- package/desktop-63dec22f.d.ts +1 -1
- package/esm/component-1a4fbd11.d.ts +1 -1
- package/esm/component.js +1 -1
- package/esm/components/flag-icon/component.js +1 -1
- package/esm/components/flag-icon/index.css +3 -3
- package/esm/components/select/component.js +1 -1
- package/esm/components/select/index.css +6 -6
- package/esm/components/select-field/component.js +1 -1
- package/esm/components/select-field/index.css +9 -9
- package/esm/index-f12ee135.d.ts +1 -1
- package/esm/index.css +5 -5
- package/{modern/types-b0ff398d.d.ts → esm/types-e40becc7.d.ts} +6 -2
- package/index-f12ee135.d.ts +1 -1
- package/index.css +5 -5
- package/modern/component-1a4fbd11.d.ts +1 -1
- package/modern/component.js +1 -1
- package/modern/components/flag-icon/component.js +1 -1
- package/modern/components/flag-icon/index.css +3 -3
- package/modern/components/select/component.js +1 -1
- package/modern/components/select/index.css +6 -6
- package/modern/components/select-field/component.js +1 -1
- package/modern/components/select-field/index.css +9 -9
- package/modern/index-f12ee135.d.ts +1 -1
- package/modern/index.css +5 -5
- package/{types-b0ff398d.d.ts → modern/types-e40becc7.d.ts} +6 -2
- package/package.json +3 -3
- package/shared-4cd3936b.d.ts +57 -14
- package/{cssm/types-b0ff398d.d.ts → types-e40becc7.d.ts} +6 -2
- package/Component-c44170fe.d.ts +0 -7
- package/desktop-2e2b2125.d.ts +0 -2
- package/hook-c44170fe.d.ts +0 -48
- /package/{Component.desktop-ed17077e.d.ts → Component.desktop-4cd3936b.d.ts} +0 -0
- /package/{Component.desktop-63dec22f.d.ts → Component.desktop-dd8ca091.d.ts} +0 -0
package/Component-1a4fbd11.d.ts
CHANGED
|
@@ -1,100 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import React from
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
type FooterProps = {
|
|
8
|
-
/**
|
|
9
|
-
* Контент футера
|
|
10
|
-
*/
|
|
11
|
-
children?: ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Дополнительный класс
|
|
14
|
-
*/
|
|
15
|
-
className?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Фиксирует футер
|
|
18
|
-
*/
|
|
19
|
-
sticky?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Выравнивание элементов футера
|
|
22
|
-
*/
|
|
23
|
-
layout?: "start" | "center" | "space-between" | "column";
|
|
24
|
-
/**
|
|
25
|
-
* Отступы между элементами футера
|
|
26
|
-
*/
|
|
27
|
-
gap?: 16 | 24 | 32;
|
|
28
|
-
};
|
|
29
|
-
declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
|
|
30
|
-
Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
|
|
31
|
-
Header: React.FC<import("./Component-c76d6398").HeaderProps>;
|
|
32
|
-
Footer: React.FC<FooterProps>;
|
|
33
|
-
};
|
|
34
|
-
declare const Content: FC<ContentProps>;
|
|
35
|
-
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
36
|
-
/**
|
|
37
|
-
* Футер
|
|
38
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
39
|
-
*/
|
|
40
|
-
footer?: ReactNode;
|
|
41
|
-
/**
|
|
42
|
-
* Будет ли свайпаться шторка
|
|
43
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
44
|
-
*/
|
|
45
|
-
swipeable?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Отображать в BottomSheet
|
|
48
|
-
*/
|
|
49
|
-
isBottomSheet?: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Дополнительные пропсы шторки
|
|
52
|
-
*/
|
|
53
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
54
|
-
/**
|
|
55
|
-
* Дополнительные пропсы модалки
|
|
56
|
-
*/
|
|
57
|
-
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
58
|
-
/**
|
|
59
|
-
* Дополнительные пропсы шапки модалки
|
|
60
|
-
*/
|
|
61
|
-
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
62
|
-
/**
|
|
63
|
-
* Дополнительные пропсы футера модалки
|
|
64
|
-
*/
|
|
65
|
-
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
66
|
-
};
|
|
67
|
-
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
68
|
-
/**
|
|
69
|
-
* Футер
|
|
70
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
71
|
-
*/
|
|
72
|
-
footer?: ReactNode;
|
|
73
|
-
/**
|
|
74
|
-
* Будет ли свайпаться шторка
|
|
75
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
76
|
-
*/
|
|
77
|
-
swipeable?: boolean | undefined;
|
|
78
|
-
/**
|
|
79
|
-
* Отображать в BottomSheet
|
|
80
|
-
*/
|
|
81
|
-
isBottomSheet?: boolean | undefined;
|
|
82
|
-
/**
|
|
83
|
-
* Дополнительные пропсы шторки
|
|
84
|
-
*/
|
|
85
|
-
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
86
|
-
/**
|
|
87
|
-
* Дополнительные пропсы модалки
|
|
88
|
-
*/
|
|
89
|
-
modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
90
|
-
/**
|
|
91
|
-
* Дополнительные пропсы шапки модалки
|
|
92
|
-
*/
|
|
93
|
-
modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
|
|
94
|
-
/**
|
|
95
|
-
* Дополнительные пропсы футера модалки
|
|
96
|
-
*/
|
|
97
|
-
modalFooterProps?: Partial<FooterProps> | undefined;
|
|
98
|
-
} & React.RefAttributes<unknown>>;
|
|
99
|
-
export { ModalMobile, Content, SelectMobileProps, BaseSelectMobile };
|
|
100
|
-
export { ModalMobileProps } from "./typings-bdb4c6b9";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { NavigationBarProps } from "./types-83e2bd9e";
|
|
4
|
+
declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export * from "./Component-63dec22f";
|
|
6
|
+
export { NavigationBar };
|
package/Component-4cd3936b.d.ts
CHANGED
|
@@ -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-
|
|
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
7
|
export * from "./Component.desktop-d873d97d";
|
package/Component-dd8ca091.d.ts
CHANGED
|
@@ -1,22 +1,100 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { FC, ReactNode } from "react";
|
|
4
|
+
import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
|
|
5
|
+
import { BottomSheetProps } from "./index-f12ee135";
|
|
6
|
+
import { BaseSelectProps } from "./typings-dd8ca091";
|
|
5
7
|
type FooterProps = {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
/**
|
|
9
|
+
* Контент футера
|
|
10
|
+
*/
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Дополнительный класс
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Фиксирует футер
|
|
18
|
+
*/
|
|
19
|
+
sticky?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Выравнивание элементов футера
|
|
22
|
+
*/
|
|
23
|
+
layout?: "start" | "center" | "space-between" | "column";
|
|
24
|
+
/**
|
|
25
|
+
* Отступы между элементами футера
|
|
26
|
+
*/
|
|
27
|
+
gap?: 16 | 24 | 32;
|
|
10
28
|
};
|
|
11
|
-
declare const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
29
|
+
declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
|
|
30
|
+
Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
|
|
31
|
+
Header: React.FC<import("./Component-c76d6398").HeaderProps>;
|
|
32
|
+
Footer: React.FC<FooterProps>;
|
|
33
|
+
};
|
|
34
|
+
declare const Content: FC<ContentProps>;
|
|
35
|
+
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
36
|
+
/**
|
|
37
|
+
* Футер
|
|
38
|
+
* @deprecated Используйте bottomSheetProps.actionButton
|
|
39
|
+
*/
|
|
40
|
+
footer?: ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* Будет ли свайпаться шторка
|
|
43
|
+
* @deprecated Используйте bottomSheetProps.swipeable
|
|
44
|
+
*/
|
|
45
|
+
swipeable?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Отображать в BottomSheet
|
|
48
|
+
*/
|
|
49
|
+
isBottomSheet?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Дополнительные пропсы шторки
|
|
52
|
+
*/
|
|
53
|
+
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
54
|
+
/**
|
|
55
|
+
* Дополнительные пропсы модалки
|
|
56
|
+
*/
|
|
57
|
+
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
58
|
+
/**
|
|
59
|
+
* Дополнительные пропсы шапки модалки
|
|
60
|
+
*/
|
|
61
|
+
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
62
|
+
/**
|
|
63
|
+
* Дополнительные пропсы футера модалки
|
|
64
|
+
*/
|
|
65
|
+
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
66
|
+
};
|
|
67
|
+
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
68
|
+
/**
|
|
69
|
+
* Футер
|
|
70
|
+
* @deprecated Используйте bottomSheetProps.actionButton
|
|
71
|
+
*/
|
|
72
|
+
footer?: ReactNode;
|
|
73
|
+
/**
|
|
74
|
+
* Будет ли свайпаться шторка
|
|
75
|
+
* @deprecated Используйте bottomSheetProps.swipeable
|
|
76
|
+
*/
|
|
77
|
+
swipeable?: boolean | undefined;
|
|
78
|
+
/**
|
|
79
|
+
* Отображать в BottomSheet
|
|
80
|
+
*/
|
|
81
|
+
isBottomSheet?: boolean | undefined;
|
|
82
|
+
/**
|
|
83
|
+
* Дополнительные пропсы шторки
|
|
84
|
+
*/
|
|
85
|
+
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
86
|
+
/**
|
|
87
|
+
* Дополнительные пропсы модалки
|
|
88
|
+
*/
|
|
89
|
+
modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
90
|
+
/**
|
|
91
|
+
* Дополнительные пропсы шапки модалки
|
|
92
|
+
*/
|
|
93
|
+
modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
|
|
94
|
+
/**
|
|
95
|
+
* Дополнительные пропсы футера модалки
|
|
96
|
+
*/
|
|
97
|
+
modalFooterProps?: Partial<FooterProps> | undefined;
|
|
98
|
+
} & React.RefAttributes<unknown>>;
|
|
99
|
+
export { ModalMobile, Content, SelectMobileProps, BaseSelectMobile };
|
|
100
|
+
export { ModalMobileProps } from "./typings-bdb4c6b9";
|
package/component-1a4fbd11.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-e40becc7";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
package/component.d.ts
CHANGED
|
@@ -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-
|
|
4
|
+
import { InputAutocompleteDesktopProps } from "./Component.desktop-4cd3936b";
|
|
5
5
|
import { SelectProps } from "@alfalab/core-components-select";
|
|
6
6
|
import { Country } from '@alfalab/utils';
|
|
7
7
|
type MaxPhoneLenByCountry = Record<string, number>;
|
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-
|
|
48
|
+
var styles = {"addons":"intl-phone-input__addons_uucjn","l":"intl-phone-input__l_uucjn","xl":"intl-phone-input__xl_uucjn","flagIconWrapper":"intl-phone-input__flagIconWrapper_uucjn","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_uucjn"};
|
|
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-
|
|
14
|
+
var styles = {"flagIcon":"intl-phone-input__flagIcon_1i8k6","flagPlaceholder":"intl-phone-input__flagPlaceholder_1i8k6"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ma0j */
|
|
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-
|
|
20
|
+
} .intl-phone-input__flagIcon_1i8k6 {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagPlaceholder_1i8k6 {
|
|
24
24
|
width: 24px;
|
|
25
25
|
height: 16px;
|
|
26
26
|
max-height: 16px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { SelectDesktopProps } from "../../Component.desktop-
|
|
2
|
+
import { SelectDesktopProps } from "../../Component.desktop-dd8ca091";
|
|
3
3
|
import { Country } from '@alfalab/utils';
|
|
4
4
|
type CountriesSelectProps = Pick<SelectDesktopProps, 'size' | 'dataTestId' | 'disabled' | 'onChange' | 'preventFlip'> & {
|
|
5
5
|
selected?: string;
|
|
@@ -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-
|
|
21
|
+
var styles = {"component":"intl-phone-input__component_kgj4j","option":"intl-phone-input__option_kgj4j","flag":"intl-phone-input__flag_kgj4j","countryName":"intl-phone-input__countryName_kgj4j","dialCode":"intl-phone-input__dialCode_kgj4j"};
|
|
22
22
|
require('./index.css')
|
|
23
23
|
|
|
24
24
|
var CountriesSelect = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1gj85 */
|
|
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-
|
|
20
|
+
} .intl-phone-input__component_kgj4j {
|
|
21
21
|
position: static;
|
|
22
22
|
display: flex;
|
|
23
23
|
min-width: initial;
|
|
24
24
|
height: 100%;
|
|
25
|
-
} .intl-phone-
|
|
25
|
+
} .intl-phone-input__option_kgj4j {
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
} .intl-phone-
|
|
28
|
+
} .intl-phone-input__flag_kgj4j {
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
margin-right: var(--gap-xs);
|
|
31
|
-
} .intl-phone-
|
|
31
|
+
} .intl-phone-input__countryName_kgj4j {
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .intl-phone-
|
|
33
|
+
} .intl-phone-input__dialCode_kgj4j {
|
|
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-
|
|
21
|
+
var styles = {"component":"intl-phone-input__component_1vigz","flagIconContainer":"intl-phone-input__flagIconContainer_1vigz","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1vigz","disabled":"intl-phone-input__disabled_1vigz","inner":"intl-phone-input__inner_1vigz","l":"intl-phone-input__l_1vigz","xl":"intl-phone-input__xl_1vigz","focusVisible":"intl-phone-input__focusVisible_1vigz"};
|
|
22
22
|
require('./index.css')
|
|
23
23
|
|
|
24
24
|
var EMPTY_COUNTRY_SELECT_FIELD = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: wuerq */
|
|
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-
|
|
24
|
+
} .intl-phone-input__component_1vigz {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .intl-phone-
|
|
29
|
+
} .intl-phone-input__flagIconContainer_1vigz {
|
|
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-
|
|
36
|
+
} .intl-phone-input__emptyCountryIcon_1vigz {
|
|
37
37
|
color: var(--color-light-graphic-secondary);
|
|
38
|
-
} .intl-phone-
|
|
38
|
+
} .intl-phone-input__disabled_1vigz {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .intl-phone-
|
|
40
|
+
} .intl-phone-input__inner_1vigz {
|
|
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-
|
|
48
|
-
.intl-phone-
|
|
47
|
+
} .intl-phone-input__l_1vigz .intl-phone-input__inner_1vigz,
|
|
48
|
+
.intl-phone-input__xl_1vigz .intl-phone-input__inner_1vigz {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .intl-phone-
|
|
50
|
+
} .intl-phone-input__focusVisible_1vigz {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-e40becc7";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
package/cssm/index-f12ee135.d.ts
CHANGED
|
@@ -265,8 +265,12 @@ type BottomSheetProps = {
|
|
|
265
265
|
*/
|
|
266
266
|
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
267
|
/**
|
|
268
|
-
* Вызывается
|
|
268
|
+
* Вызывается в начале свайпа
|
|
269
269
|
*/
|
|
270
|
-
|
|
270
|
+
onSwipeStart?: (event: HandledEvents) => void;
|
|
271
|
+
/**
|
|
272
|
+
* Вызывается после окончания свайпа
|
|
273
|
+
*/
|
|
274
|
+
onSwipeEnd?: (event: HandledEvents | null) => void;
|
|
271
275
|
};
|
|
272
276
|
export { BottomSheetTitleAlign, BottomSheetProps };
|
package/desktop-63dec22f.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component.desktop-
|
|
1
|
+
export * from "./Component.desktop-2e2b2125";
|
|
2
2
|
export {};
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-e40becc7";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
package/esm/component.js
CHANGED
|
@@ -17,7 +17,7 @@ import '@alfalab/core-components-select/esm/desktop';
|
|
|
17
17
|
import '@alfalab/core-components-select/esm/shared';
|
|
18
18
|
import './components/select-field/component.js';
|
|
19
19
|
|
|
20
|
-
var styles = {"addons":"intl-phone-
|
|
20
|
+
var styles = {"addons":"intl-phone-input__addons_uucjn","l":"intl-phone-input__l_uucjn","xl":"intl-phone-input__xl_uucjn","flagIconWrapper":"intl-phone-input__flagIconWrapper_uucjn","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_uucjn"};
|
|
21
21
|
require('./index.css')
|
|
22
22
|
|
|
23
23
|
var countriesHash = getCountriesHash();
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { flagSprite } from './flagSprite.js';
|
|
4
4
|
|
|
5
|
-
var styles = {"flagIcon":"intl-phone-
|
|
5
|
+
var styles = {"flagIcon":"intl-phone-input__flagIcon_1i8k6","flagPlaceholder":"intl-phone-input__flagPlaceholder_1i8k6"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ma0j */
|
|
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-
|
|
20
|
+
} .intl-phone-input__flagIcon_1i8k6 {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagPlaceholder_1i8k6 {
|
|
24
24
|
width: 24px;
|
|
25
25
|
height: 16px;
|
|
26
26
|
max-height: 16px;
|
|
@@ -10,7 +10,7 @@ import 'react-merge-refs';
|
|
|
10
10
|
import '@alfalab/hooks';
|
|
11
11
|
import '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
|
12
12
|
|
|
13
|
-
var styles = {"component":"intl-phone-
|
|
13
|
+
var styles = {"component":"intl-phone-input__component_kgj4j","option":"intl-phone-input__option_kgj4j","flag":"intl-phone-input__flag_kgj4j","countryName":"intl-phone-input__countryName_kgj4j","dialCode":"intl-phone-input__dialCode_kgj4j"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var CountriesSelect = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1gj85 */
|
|
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-
|
|
20
|
+
} .intl-phone-input__component_kgj4j {
|
|
21
21
|
position: static;
|
|
22
22
|
display: flex;
|
|
23
23
|
min-width: initial;
|
|
24
24
|
height: 100%;
|
|
25
|
-
} .intl-phone-
|
|
25
|
+
} .intl-phone-input__option_kgj4j {
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
} .intl-phone-
|
|
28
|
+
} .intl-phone-input__flag_kgj4j {
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
margin-right: var(--gap-xs);
|
|
31
|
-
} .intl-phone-
|
|
31
|
+
} .intl-phone-input__countryName_kgj4j {
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .intl-phone-
|
|
33
|
+
} .intl-phone-input__dialCode_kgj4j {
|
|
34
34
|
color: var(--text-secondary-color);
|
|
35
35
|
}
|
|
@@ -7,7 +7,7 @@ import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
|
|
7
7
|
import { FlagIcon } from '../flag-icon/component.js';
|
|
8
8
|
import '../flag-icon/flagSprite.js';
|
|
9
9
|
|
|
10
|
-
var styles = {"component":"intl-phone-
|
|
10
|
+
var styles = {"component":"intl-phone-input__component_1vigz","flagIconContainer":"intl-phone-input__flagIconContainer_1vigz","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1vigz","disabled":"intl-phone-input__disabled_1vigz","inner":"intl-phone-input__inner_1vigz","l":"intl-phone-input__l_1vigz","xl":"intl-phone-input__xl_1vigz","focusVisible":"intl-phone-input__focusVisible_1vigz"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
var EMPTY_COUNTRY_SELECT_FIELD = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: wuerq */
|
|
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-
|
|
24
|
+
} .intl-phone-input__component_1vigz {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .intl-phone-
|
|
29
|
+
} .intl-phone-input__flagIconContainer_1vigz {
|
|
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-
|
|
36
|
+
} .intl-phone-input__emptyCountryIcon_1vigz {
|
|
37
37
|
color: var(--color-light-graphic-secondary);
|
|
38
|
-
} .intl-phone-
|
|
38
|
+
} .intl-phone-input__disabled_1vigz {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .intl-phone-
|
|
40
|
+
} .intl-phone-input__inner_1vigz {
|
|
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-
|
|
48
|
-
.intl-phone-
|
|
47
|
+
} .intl-phone-input__l_1vigz .intl-phone-input__inner_1vigz,
|
|
48
|
+
.intl-phone-input__xl_1vigz .intl-phone-input__inner_1vigz {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .intl-phone-
|
|
50
|
+
} .intl-phone-input__focusVisible_1vigz {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
package/esm/index-f12ee135.d.ts
CHANGED
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: bbhc2 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-graphic-secondary: #86868a; /* 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 */
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
--gap-s: 12px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .intl-phone-
|
|
19
|
+
} .intl-phone-input__addons_uucjn {
|
|
20
20
|
padding-left: 0;
|
|
21
|
-
} .intl-phone-
|
|
21
|
+
} .intl-phone-input__l_uucjn .intl-phone-input__addons_uucjn, .intl-phone-input__xl_uucjn .intl-phone-input__addons_uucjn {
|
|
22
22
|
padding-left: 0;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagIconWrapper_uucjn {
|
|
24
24
|
display: flex;
|
|
25
25
|
justify-content: center;
|
|
26
26
|
align-items: center;
|
|
27
27
|
width: 24px;
|
|
28
28
|
height: 24px;
|
|
29
29
|
margin-left: var(--gap-s);
|
|
30
|
-
} .intl-phone-
|
|
30
|
+
} .intl-phone-input__emptyCountryIcon_uucjn {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
|
@@ -265,8 +265,12 @@ type BottomSheetProps = {
|
|
|
265
265
|
*/
|
|
266
266
|
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
267
|
/**
|
|
268
|
-
* Вызывается
|
|
268
|
+
* Вызывается в начале свайпа
|
|
269
269
|
*/
|
|
270
|
-
|
|
270
|
+
onSwipeStart?: (event: HandledEvents) => void;
|
|
271
|
+
/**
|
|
272
|
+
* Вызывается после окончания свайпа
|
|
273
|
+
*/
|
|
274
|
+
onSwipeEnd?: (event: HandledEvents | null) => void;
|
|
271
275
|
};
|
|
272
276
|
export { BottomSheetTitleAlign, BottomSheetProps };
|
package/index-f12ee135.d.ts
CHANGED
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: bbhc2 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-graphic-secondary: #86868a; /* 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 */
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
--gap-s: 12px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .intl-phone-
|
|
19
|
+
} .intl-phone-input__addons_uucjn {
|
|
20
20
|
padding-left: 0;
|
|
21
|
-
} .intl-phone-
|
|
21
|
+
} .intl-phone-input__l_uucjn .intl-phone-input__addons_uucjn, .intl-phone-input__xl_uucjn .intl-phone-input__addons_uucjn {
|
|
22
22
|
padding-left: 0;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagIconWrapper_uucjn {
|
|
24
24
|
display: flex;
|
|
25
25
|
justify-content: center;
|
|
26
26
|
align-items: center;
|
|
27
27
|
width: 24px;
|
|
28
28
|
height: 24px;
|
|
29
29
|
margin-left: var(--gap-s);
|
|
30
|
-
} .intl-phone-
|
|
30
|
+
} .intl-phone-input__emptyCountryIcon_uucjn {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-e40becc7";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
package/modern/component.js
CHANGED
|
@@ -16,7 +16,7 @@ import '@alfalab/core-components-select/modern/desktop';
|
|
|
16
16
|
import '@alfalab/core-components-select/modern/shared';
|
|
17
17
|
import './components/select-field/component.js';
|
|
18
18
|
|
|
19
|
-
const styles = {"addons":"intl-phone-
|
|
19
|
+
const styles = {"addons":"intl-phone-input__addons_uucjn","l":"intl-phone-input__l_uucjn","xl":"intl-phone-input__xl_uucjn","flagIconWrapper":"intl-phone-input__flagIconWrapper_uucjn","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_uucjn"};
|
|
20
20
|
require('./index.css')
|
|
21
21
|
|
|
22
22
|
const countriesHash = getCountriesHash();
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { flagSprite } from './flagSprite.js';
|
|
4
4
|
|
|
5
|
-
const styles = {"flagIcon":"intl-phone-
|
|
5
|
+
const styles = {"flagIcon":"intl-phone-input__flagIcon_1i8k6","flagPlaceholder":"intl-phone-input__flagPlaceholder_1i8k6"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ma0j */
|
|
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-
|
|
20
|
+
} .intl-phone-input__flagIcon_1i8k6 {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagPlaceholder_1i8k6 {
|
|
24
24
|
width: 24px;
|
|
25
25
|
height: 16px;
|
|
26
26
|
max-height: 16px;
|
|
@@ -9,7 +9,7 @@ import 'react-merge-refs';
|
|
|
9
9
|
import '@alfalab/hooks';
|
|
10
10
|
import '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
|
11
11
|
|
|
12
|
-
const styles = {"component":"intl-phone-
|
|
12
|
+
const styles = {"component":"intl-phone-input__component_kgj4j","option":"intl-phone-input__option_kgj4j","flag":"intl-phone-input__flag_kgj4j","countryName":"intl-phone-input__countryName_kgj4j","dialCode":"intl-phone-input__dialCode_kgj4j"};
|
|
13
13
|
require('./index.css')
|
|
14
14
|
|
|
15
15
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1gj85 */
|
|
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-
|
|
20
|
+
} .intl-phone-input__component_kgj4j {
|
|
21
21
|
position: static;
|
|
22
22
|
display: flex;
|
|
23
23
|
min-width: initial;
|
|
24
24
|
height: 100%;
|
|
25
|
-
} .intl-phone-
|
|
25
|
+
} .intl-phone-input__option_kgj4j {
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
} .intl-phone-
|
|
28
|
+
} .intl-phone-input__flag_kgj4j {
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
margin-right: var(--gap-xs);
|
|
31
|
-
} .intl-phone-
|
|
31
|
+
} .intl-phone-input__countryName_kgj4j {
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .intl-phone-
|
|
33
|
+
} .intl-phone-input__dialCode_kgj4j {
|
|
34
34
|
color: var(--text-secondary-color);
|
|
35
35
|
}
|
|
@@ -6,7 +6,7 @@ import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
|
|
6
6
|
import { FlagIcon } from '../flag-icon/component.js';
|
|
7
7
|
import '../flag-icon/flagSprite.js';
|
|
8
8
|
|
|
9
|
-
const styles = {"component":"intl-phone-
|
|
9
|
+
const styles = {"component":"intl-phone-input__component_1vigz","flagIconContainer":"intl-phone-input__flagIconContainer_1vigz","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1vigz","disabled":"intl-phone-input__disabled_1vigz","inner":"intl-phone-input__inner_1vigz","l":"intl-phone-input__l_1vigz","xl":"intl-phone-input__xl_1vigz","focusVisible":"intl-phone-input__focusVisible_1vigz"};
|
|
10
10
|
require('./index.css')
|
|
11
11
|
|
|
12
12
|
const EMPTY_COUNTRY_SELECT_FIELD = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: wuerq */
|
|
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-
|
|
24
|
+
} .intl-phone-input__component_1vigz {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .intl-phone-
|
|
29
|
+
} .intl-phone-input__flagIconContainer_1vigz {
|
|
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-
|
|
36
|
+
} .intl-phone-input__emptyCountryIcon_1vigz {
|
|
37
37
|
color: var(--color-light-graphic-secondary);
|
|
38
|
-
} .intl-phone-
|
|
38
|
+
} .intl-phone-input__disabled_1vigz {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .intl-phone-
|
|
40
|
+
} .intl-phone-input__inner_1vigz {
|
|
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-
|
|
48
|
-
.intl-phone-
|
|
47
|
+
} .intl-phone-input__l_1vigz .intl-phone-input__inner_1vigz,
|
|
48
|
+
.intl-phone-input__xl_1vigz .intl-phone-input__inner_1vigz {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .intl-phone-
|
|
50
|
+
} .intl-phone-input__focusVisible_1vigz {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: bbhc2 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-graphic-secondary: #86868a; /* 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 */
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
--gap-s: 12px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .intl-phone-
|
|
19
|
+
} .intl-phone-input__addons_uucjn {
|
|
20
20
|
padding-left: 0;
|
|
21
|
-
} .intl-phone-
|
|
21
|
+
} .intl-phone-input__l_uucjn .intl-phone-input__addons_uucjn, .intl-phone-input__xl_uucjn .intl-phone-input__addons_uucjn {
|
|
22
22
|
padding-left: 0;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagIconWrapper_uucjn {
|
|
24
24
|
display: flex;
|
|
25
25
|
justify-content: center;
|
|
26
26
|
align-items: center;
|
|
27
27
|
width: 24px;
|
|
28
28
|
height: 24px;
|
|
29
29
|
margin-left: var(--gap-s);
|
|
30
|
-
} .intl-phone-
|
|
30
|
+
} .intl-phone-input__emptyCountryIcon_uucjn {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
|
@@ -265,8 +265,12 @@ type BottomSheetProps = {
|
|
|
265
265
|
*/
|
|
266
266
|
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
267
|
/**
|
|
268
|
-
* Вызывается
|
|
268
|
+
* Вызывается в начале свайпа
|
|
269
269
|
*/
|
|
270
|
-
|
|
270
|
+
onSwipeStart?: (event: HandledEvents) => void;
|
|
271
|
+
/**
|
|
272
|
+
* Вызывается после окончания свайпа
|
|
273
|
+
*/
|
|
274
|
+
onSwipeEnd?: (event: HandledEvents | null) => void;
|
|
271
275
|
};
|
|
272
276
|
export { BottomSheetTitleAlign, BottomSheetProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-intl-phone-input",
|
|
3
|
-
"version": "9.5.
|
|
3
|
+
"version": "9.5.9",
|
|
4
4
|
"description": "Phone input for international phones",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@alfalab/core-components-input-autocomplete": "10.1.
|
|
18
|
-
"@alfalab/core-components-select": "^15.1.
|
|
17
|
+
"@alfalab/core-components-input-autocomplete": "10.1.4",
|
|
18
|
+
"@alfalab/core-components-select": "^15.1.4",
|
|
19
19
|
"@alfalab/hooks": "^1.13.0",
|
|
20
20
|
"@alfalab/icons-glyph": "^2.108.0",
|
|
21
21
|
"@alfalab/utils": "^1.14.4",
|
package/shared-4cd3936b.d.ts
CHANGED
|
@@ -1,9 +1,64 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
|
+
import { BaseSelectProps, OptionProps, OptionShape } from "./typings-dd8ca091";
|
|
4
5
|
import { BottomSheetProps } from "./index-f12ee135";
|
|
5
6
|
import { UseSelectWithApplyProps } from "./hook-8abfea97";
|
|
6
|
-
|
|
7
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
8
|
+
type useSelectWithLoadingProps = {
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
visibleOptions?: BaseSelectProps["visibleOptions"];
|
|
11
|
+
Option?: React.FC<OptionProps>;
|
|
12
|
+
};
|
|
13
|
+
declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
|
|
14
|
+
Option: (props: OptionProps) => React.JSX.Element;
|
|
15
|
+
options: OptionShape[];
|
|
16
|
+
} | null;
|
|
17
|
+
type OptionsFetcherResponse = {
|
|
18
|
+
options: OptionShape[];
|
|
19
|
+
hasMore: boolean;
|
|
20
|
+
};
|
|
21
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
22
|
+
type useLazyLoadingProps = {
|
|
23
|
+
/** Количество элементов на "странице" */
|
|
24
|
+
limit?: number;
|
|
25
|
+
/** Начальный номер "страницы" */
|
|
26
|
+
initialOffset?: number;
|
|
27
|
+
/** Скелетон загружаемых элементов */
|
|
28
|
+
skeleton?: React.ReactNode;
|
|
29
|
+
/** Компонент пункта меню */
|
|
30
|
+
Option?: React.FC<OptionProps>;
|
|
31
|
+
/**
|
|
32
|
+
* Функция-загрузчик опций.
|
|
33
|
+
* @param offset - текущая страница
|
|
34
|
+
* @param limit - количество элементов на странице
|
|
35
|
+
* @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
|
|
36
|
+
* @returns Promise<{
|
|
37
|
+
* options - список опций следующей "страницы". Они аппендятся к предыдущим
|
|
38
|
+
* hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
|
|
39
|
+
* }>
|
|
40
|
+
*/
|
|
41
|
+
optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
|
|
42
|
+
};
|
|
43
|
+
declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
|
|
44
|
+
optionsProps: {
|
|
45
|
+
Option: (props: OptionProps) => React.JSX.Element;
|
|
46
|
+
options: OptionShape[];
|
|
47
|
+
optionsListProps: {
|
|
48
|
+
ref: React.RefObject<HTMLDivElement>;
|
|
49
|
+
inputProps: {
|
|
50
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
|
|
51
|
+
value: string;
|
|
52
|
+
}) => void;
|
|
53
|
+
value: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
onOpen: (payload: {
|
|
57
|
+
open?: boolean;
|
|
58
|
+
}) => void;
|
|
59
|
+
};
|
|
60
|
+
reset: () => void;
|
|
61
|
+
};
|
|
7
62
|
type AdditionalMobileProps = {
|
|
8
63
|
/**
|
|
9
64
|
* Футер
|
|
@@ -38,27 +93,15 @@ type AdditionalMobileProps = {
|
|
|
38
93
|
};
|
|
39
94
|
type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
|
|
40
95
|
declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
|
|
41
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
42
|
-
type useSelectWithLoadingProps = {
|
|
43
|
-
loading?: boolean;
|
|
44
|
-
visibleOptions?: BaseSelectProps["visibleOptions"];
|
|
45
|
-
Option?: React.FC<OptionProps>;
|
|
46
|
-
};
|
|
47
|
-
declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
|
|
48
|
-
Option: (props: OptionProps) => React.JSX.Element;
|
|
49
|
-
options: OptionShape[];
|
|
50
|
-
} | null;
|
|
51
96
|
type FooterProps = {
|
|
52
97
|
handleClear?: () => void;
|
|
53
98
|
handleApply?: () => void;
|
|
54
99
|
showClear?: boolean;
|
|
55
100
|
};
|
|
56
101
|
declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
|
|
57
|
-
export { AdditionalMobileProps, SelectMobileProps, SelectMobile, useSelectWithLoading, FooterProps, Footer };
|
|
58
102
|
export * from "./index-ebda875c";
|
|
59
103
|
export * from "./Component-dd8ca091";
|
|
60
|
-
export
|
|
104
|
+
export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
|
|
61
105
|
export * from "./hook-8abfea97";
|
|
62
|
-
export * from "./Component-1a4fbd11";
|
|
63
106
|
export * from "./typings-dd8ca091";
|
|
64
107
|
export * from "./utils-dd8ca091";
|
|
@@ -265,8 +265,12 @@ type BottomSheetProps = {
|
|
|
265
265
|
*/
|
|
266
266
|
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
267
|
/**
|
|
268
|
-
* Вызывается
|
|
268
|
+
* Вызывается в начале свайпа
|
|
269
269
|
*/
|
|
270
|
-
|
|
270
|
+
onSwipeStart?: (event: HandledEvents) => void;
|
|
271
|
+
/**
|
|
272
|
+
* Вызывается после окончания свайпа
|
|
273
|
+
*/
|
|
274
|
+
onSwipeEnd?: (event: HandledEvents | null) => void;
|
|
271
275
|
};
|
|
272
276
|
export { BottomSheetTitleAlign, BottomSheetProps };
|
package/Component-c44170fe.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
declare const Search: React.ForwardRefExoticComponent<Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
4
|
-
breakpoint?: number | undefined;
|
|
5
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
6
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
export { Search };
|
package/desktop-2e2b2125.d.ts
DELETED
package/hook-c44170fe.d.ts
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { OptionProps, OptionShape } from "./typings-dd8ca091";
|
|
4
|
-
type OptionsFetcherResponse = {
|
|
5
|
-
options: OptionShape[];
|
|
6
|
-
hasMore: boolean;
|
|
7
|
-
};
|
|
8
|
-
type useLazyLoadingProps = {
|
|
9
|
-
/** Количество элементов на "странице" */
|
|
10
|
-
limit?: number;
|
|
11
|
-
/** Начальный номер "страницы" */
|
|
12
|
-
initialOffset?: number;
|
|
13
|
-
/** Скелетон загружаемых элементов */
|
|
14
|
-
skeleton?: React.ReactNode;
|
|
15
|
-
/** Компонент пункта меню */
|
|
16
|
-
Option?: React.FC<OptionProps>;
|
|
17
|
-
/**
|
|
18
|
-
* Функция-загрузчик опций.
|
|
19
|
-
* @param offset - текущая страница
|
|
20
|
-
* @param limit - количество элементов на странице
|
|
21
|
-
* @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
|
|
22
|
-
* @returns Promise<{
|
|
23
|
-
* options - список опций следующей "страницы". Они аппендятся к предыдущим
|
|
24
|
-
* hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
|
|
25
|
-
* }>
|
|
26
|
-
*/
|
|
27
|
-
optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
|
|
28
|
-
};
|
|
29
|
-
declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
|
|
30
|
-
optionsProps: {
|
|
31
|
-
Option: (props: OptionProps) => React.JSX.Element;
|
|
32
|
-
options: OptionShape[];
|
|
33
|
-
optionsListProps: {
|
|
34
|
-
ref: React.RefObject<HTMLDivElement>;
|
|
35
|
-
inputProps: {
|
|
36
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
|
|
37
|
-
value: string;
|
|
38
|
-
}) => void;
|
|
39
|
-
value: string;
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
onOpen: (payload: {
|
|
43
|
-
open?: boolean;
|
|
44
|
-
}) => void;
|
|
45
|
-
};
|
|
46
|
-
reset: () => void;
|
|
47
|
-
};
|
|
48
|
-
export { useLazyLoading };
|
|
File without changes
|
|
File without changes
|