@alfalab/core-components-international-phone-input 2.0.7 → 2.0.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-57569e57.d.ts → Component-1fe708ea.d.ts} +1 -1
- package/Component-bdb4c6b9.d.ts +2 -1
- package/Component.responsive.d.ts +4 -4
- package/{esm/ResponsiveContext-88b743b5.d.ts → ResponsiveContext-d6bfd5b7.d.ts} +1 -1
- package/components/base-international-phone-input/Component.d.ts +1 -1
- package/components/base-international-phone-input/Component.js +1 -1
- package/components/base-international-phone-input/index.css +2 -2
- package/components/country-select/Component.js +1 -1
- package/components/country-select/index.css +8 -8
- package/components/flag-icon/component.js +1 -1
- package/components/flag-icon/index.css +3 -3
- package/components/select-field/component.js +1 -1
- package/components/select-field/index.css +9 -9
- package/{esm/Component-57569e57.d.ts → cssm/Component-1fe708ea.d.ts} +1 -1
- package/cssm/Component-bdb4c6b9.d.ts +2 -1
- package/cssm/Component.responsive.d.ts +4 -4
- package/{ResponsiveContext-88b743b5.d.ts → cssm/ResponsiveContext-d6bfd5b7.d.ts} +1 -1
- package/cssm/components/base-international-phone-input/Component.d.ts +1 -1
- package/cssm/index-bdb4c6b9.d.ts +11 -4
- package/cssm/types.d.ts +1 -1
- package/cssm/{typings-57569e57.d.ts → typings-1fe708ea.d.ts} +36 -18
- package/cssm/{typings-88b743b5.d.ts → typings-d6bfd5b7.d.ts} +4 -0
- package/cssm/utils-89376c31.d.ts +1 -1
- package/{cssm/Component-57569e57.d.ts → esm/Component-1fe708ea.d.ts} +1 -1
- package/esm/Component-bdb4c6b9.d.ts +2 -1
- package/esm/Component.responsive.d.ts +4 -4
- package/{modern/ResponsiveContext-88b743b5.d.ts → esm/ResponsiveContext-d6bfd5b7.d.ts} +1 -1
- package/esm/components/base-international-phone-input/Component.d.ts +1 -1
- package/esm/components/base-international-phone-input/Component.js +1 -1
- package/esm/components/base-international-phone-input/index.css +2 -2
- package/esm/components/country-select/Component.js +1 -1
- package/esm/components/country-select/index.css +8 -8
- package/esm/components/flag-icon/component.js +1 -1
- package/esm/components/flag-icon/index.css +3 -3
- package/esm/components/select-field/component.js +1 -1
- package/esm/components/select-field/index.css +9 -9
- package/esm/index-bdb4c6b9.d.ts +11 -4
- package/esm/types.d.ts +1 -1
- package/esm/{typings-57569e57.d.ts → typings-1fe708ea.d.ts} +36 -18
- package/esm/{typings-88b743b5.d.ts → typings-d6bfd5b7.d.ts} +4 -0
- package/esm/utils-89376c31.d.ts +1 -1
- package/index-bdb4c6b9.d.ts +11 -4
- package/modern/{Component-57569e57.d.ts → Component-1fe708ea.d.ts} +1 -1
- package/modern/Component-bdb4c6b9.d.ts +2 -1
- package/modern/Component.responsive.d.ts +4 -4
- package/{cssm/ResponsiveContext-88b743b5.d.ts → modern/ResponsiveContext-d6bfd5b7.d.ts} +1 -1
- package/modern/components/base-international-phone-input/Component.d.ts +1 -1
- package/modern/components/base-international-phone-input/Component.js +1 -1
- package/modern/components/base-international-phone-input/index.css +2 -2
- package/modern/components/country-select/Component.js +1 -1
- package/modern/components/country-select/index.css +8 -8
- package/modern/components/flag-icon/component.js +1 -1
- package/modern/components/flag-icon/index.css +3 -3
- package/modern/components/select-field/component.js +1 -1
- package/modern/components/select-field/index.css +9 -9
- package/modern/index-bdb4c6b9.d.ts +11 -4
- package/modern/types.d.ts +1 -1
- package/modern/{typings-57569e57.d.ts → typings-1fe708ea.d.ts} +36 -18
- package/modern/{typings-88b743b5.d.ts → typings-d6bfd5b7.d.ts} +4 -0
- package/modern/utils-89376c31.d.ts +1 -1
- package/package.json +4 -4
- package/types.d.ts +1 -1
- package/{typings-57569e57.d.ts → typings-1fe708ea.d.ts} +36 -18
- package/{typings-88b743b5.d.ts → typings-d6bfd5b7.d.ts} +4 -0
- package/utils-89376c31.d.ts +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { OptgroupProps } from "./typings-
|
|
3
|
+
import { OptgroupProps } from "./typings-1fe708ea";
|
|
4
4
|
declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
|
|
5
5
|
export { Optgroup };
|
package/Component-bdb4c6b9.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { View } from "./typings-
|
|
3
|
+
import { View } from "./typings-d6bfd5b7";
|
|
4
4
|
declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
|
|
5
5
|
size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
|
|
6
6
|
fullscreen?: boolean | undefined;
|
|
7
7
|
fixedPosition?: boolean | undefined;
|
|
8
8
|
hasCloser?: boolean | undefined;
|
|
9
|
+
iOSLock?: boolean | undefined;
|
|
9
10
|
} & {
|
|
10
11
|
view: View;
|
|
11
12
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
|
|
|
7
7
|
clearableCountryCode?: boolean | undefined;
|
|
8
8
|
countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
|
|
9
9
|
clear?: boolean | undefined;
|
|
10
|
-
filterFn?: ((value: string | undefined, option: import("./typings-
|
|
10
|
+
filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
|
|
11
11
|
onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
|
|
12
12
|
onChange?: ((phone: string) => void) | undefined;
|
|
13
13
|
onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
|
|
|
26
26
|
clearableCountryCode?: boolean | undefined;
|
|
27
27
|
countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
|
|
28
28
|
clear?: boolean | undefined;
|
|
29
|
-
filterFn?: ((value: string | undefined, option: import("./typings-
|
|
29
|
+
filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
|
|
30
30
|
onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
|
|
31
31
|
onChange?: ((phone: string) => void) | undefined;
|
|
32
32
|
onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
33
33
|
onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
34
34
|
} & {
|
|
35
|
-
options: (import("./typings-
|
|
35
|
+
options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
|
|
36
36
|
} & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
|
|
37
|
-
options: (import("./typings-
|
|
37
|
+
options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
|
|
38
38
|
} & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
|
|
39
39
|
breakpoint?: number | undefined;
|
|
40
40
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { TResponsiveModalContext } from "./typings-
|
|
3
|
+
import { TResponsiveModalContext } from "./typings-d6bfd5b7";
|
|
4
4
|
declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
|
|
5
5
|
export { ResponsiveContext };
|
|
@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
|
|
|
9
9
|
clearableCountryCode?: boolean | undefined;
|
|
10
10
|
countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
|
|
11
11
|
clear?: boolean | undefined;
|
|
12
|
-
filterFn?: ((value: string | undefined, option: import("../../typings-
|
|
12
|
+
filterFn?: ((value: string | undefined, option: import("../../typings-1fe708ea").OptionShape) => boolean) | undefined;
|
|
13
13
|
onCountryChange?: ((country?: Country | undefined) => void) | undefined;
|
|
14
14
|
onChange?: ((phone: string) => void) | undefined;
|
|
15
15
|
onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
16
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
17
17
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
18
18
|
|
|
19
|
-
var styles = {"component":"international-phone-
|
|
19
|
+
var styles = {"component":"international-phone-input__component_123jv","addons":"international-phone-input__addons_123jv"};
|
|
20
20
|
require('./index.css')
|
|
21
21
|
|
|
22
22
|
var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
|
|
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
|
|
15
15
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
16
|
|
|
17
|
-
var styles = {"component":"international-phone-
|
|
17
|
+
var styles = {"component":"international-phone-input__component_i5hyq","option":"international-phone-input__option_i5hyq","flag":"international-phone-input__flag_i5hyq","countryName":"international-phone-input__countryName_i5hyq","dialCode":"international-phone-input__dialCode_i5hyq","flagIconWrapper":"international-phone-input__flagIconWrapper_i5hyq","emptyCountryIcon":"international-phone-input__emptyCountryIcon_i5hyq"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var CountrySelect = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1hfhm */
|
|
2
2
|
:root { /* 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 */ /* 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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
|
|
@@ -18,29 +18,29 @@
|
|
|
18
18
|
--gap-s: 12px;
|
|
19
19
|
} :root {
|
|
20
20
|
} :root {
|
|
21
|
-
} .international-phone-
|
|
21
|
+
} .international-phone-input__component_i5hyq {
|
|
22
22
|
position: static;
|
|
23
23
|
display: flex;
|
|
24
24
|
min-width: initial;
|
|
25
25
|
height: 100%;
|
|
26
|
-
} .international-phone-
|
|
26
|
+
} .international-phone-input__option_i5hyq {
|
|
27
27
|
display: flex;
|
|
28
28
|
align-items: flex-start;
|
|
29
29
|
padding: var(--gap-s);
|
|
30
|
-
} .international-phone-
|
|
30
|
+
} .international-phone-input__flag_i5hyq {
|
|
31
31
|
flex-shrink: 0;
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .international-phone-
|
|
33
|
+
} .international-phone-input__countryName_i5hyq {
|
|
34
34
|
margin-right: var(--gap-xs);
|
|
35
|
-
} .international-phone-
|
|
35
|
+
} .international-phone-input__dialCode_i5hyq {
|
|
36
36
|
color: var(--color-light-text-secondary);
|
|
37
|
-
} .international-phone-
|
|
37
|
+
} .international-phone-input__flagIconWrapper_i5hyq {
|
|
38
38
|
display: flex;
|
|
39
39
|
justify-content: center;
|
|
40
40
|
align-items: center;
|
|
41
41
|
width: 24px;
|
|
42
42
|
height: 24px;
|
|
43
43
|
margin-left: var(--gap-s);
|
|
44
|
-
} .international-phone-
|
|
44
|
+
} .international-phone-input__emptyCountryIcon_i5hyq {
|
|
45
45
|
color: var(--color-light-neutral-translucent-700);
|
|
46
46
|
}
|
|
@@ -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":"international-phone-
|
|
14
|
+
var styles = {"flagIcon":"international-phone-input__flagIcon_jetyi","flagPlaceholder":"international-phone-input__flagPlaceholder_jetyi"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1e508 */
|
|
2
2
|
:root { /* 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 */ /* 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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* 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
|
-
} .international-phone-
|
|
20
|
+
} .international-phone-input__flagIcon_jetyi {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .international-phone-
|
|
23
|
+
} .international-phone-input__flagPlaceholder_jetyi {
|
|
24
24
|
width: 24px;
|
|
25
25
|
height: 16px;
|
|
26
26
|
max-height: 16px;
|
|
@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
16
16
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
17
17
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
18
|
|
|
19
|
-
var styles = {"component":"international-phone-
|
|
19
|
+
var styles = {"component":"international-phone-input__component_oh9tz","flagIconContainer":"international-phone-input__flagIconContainer_oh9tz","emptyCountryIcon":"international-phone-input__emptyCountryIcon_oh9tz","disabled":"international-phone-input__disabled_oh9tz","inner":"international-phone-input__inner_oh9tz","size-64":"international-phone-input__size-64_oh9tz","size-72":"international-phone-input__size-72_oh9tz","focusVisible":"international-phone-input__focusVisible_oh9tz"};
|
|
20
20
|
require('./index.css')
|
|
21
21
|
|
|
22
22
|
var EMPTY_COUNTRY_SELECT_FIELD = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 3cbzq */
|
|
2
2
|
:root { /* 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 */ /* 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 */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #2288fa;
|
|
@@ -21,33 +21,33 @@
|
|
|
21
21
|
} :root {
|
|
22
22
|
--focus-color: var(--color-light-border-link);
|
|
23
23
|
--disabled-cursor: not-allowed;
|
|
24
|
-
} .international-phone-
|
|
24
|
+
} .international-phone-input__component_oh9tz {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .international-phone-
|
|
29
|
+
} .international-phone-input__flagIconContainer_oh9tz {
|
|
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
|
-
} .international-phone-
|
|
36
|
+
} .international-phone-input__emptyCountryIcon_oh9tz {
|
|
37
37
|
color: var(--color-light-neutral-translucent-700);
|
|
38
|
-
} .international-phone-
|
|
38
|
+
} .international-phone-input__disabled_oh9tz {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .international-phone-
|
|
40
|
+
} .international-phone-input__inner_oh9tz {
|
|
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
|
-
} .international-phone-input__size-
|
|
48
|
-
.international-phone-input__size-
|
|
47
|
+
} .international-phone-input__size-64_oh9tz .international-phone-input__inner_oh9tz,
|
|
48
|
+
.international-phone-input__size-72_oh9tz .international-phone-input__inner_oh9tz {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .international-phone-
|
|
50
|
+
} .international-phone-input__focusVisible_oh9tz {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { OptgroupProps } from "./typings-
|
|
3
|
+
import { OptgroupProps } from "./typings-1fe708ea";
|
|
4
4
|
declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
|
|
5
5
|
export { Optgroup };
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { View } from "./typings-
|
|
3
|
+
import { View } from "./typings-d6bfd5b7";
|
|
4
4
|
declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
|
|
5
5
|
size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
|
|
6
6
|
fullscreen?: boolean | undefined;
|
|
7
7
|
fixedPosition?: boolean | undefined;
|
|
8
8
|
hasCloser?: boolean | undefined;
|
|
9
|
+
iOSLock?: boolean | undefined;
|
|
9
10
|
} & {
|
|
10
11
|
view: View;
|
|
11
12
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
|
|
|
7
7
|
clearableCountryCode?: boolean | undefined;
|
|
8
8
|
countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
|
|
9
9
|
clear?: boolean | undefined;
|
|
10
|
-
filterFn?: ((value: string | undefined, option: import("./typings-
|
|
10
|
+
filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
|
|
11
11
|
onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
|
|
12
12
|
onChange?: ((phone: string) => void) | undefined;
|
|
13
13
|
onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
|
|
|
26
26
|
clearableCountryCode?: boolean | undefined;
|
|
27
27
|
countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
|
|
28
28
|
clear?: boolean | undefined;
|
|
29
|
-
filterFn?: ((value: string | undefined, option: import("./typings-
|
|
29
|
+
filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
|
|
30
30
|
onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
|
|
31
31
|
onChange?: ((phone: string) => void) | undefined;
|
|
32
32
|
onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
33
33
|
onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
34
34
|
} & {
|
|
35
|
-
options: (import("./typings-
|
|
35
|
+
options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
|
|
36
36
|
} & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
|
|
37
|
-
options: (import("./typings-
|
|
37
|
+
options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
|
|
38
38
|
} & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
|
|
39
39
|
breakpoint?: number | undefined;
|
|
40
40
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { TResponsiveModalContext } from "./typings-
|
|
3
|
+
import { TResponsiveModalContext } from "./typings-d6bfd5b7";
|
|
4
4
|
declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
|
|
5
5
|
export { ResponsiveContext };
|
|
@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
|
|
|
9
9
|
clearableCountryCode?: boolean | undefined;
|
|
10
10
|
countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
|
|
11
11
|
clear?: boolean | undefined;
|
|
12
|
-
filterFn?: ((value: string | undefined, option: import("../../typings-
|
|
12
|
+
filterFn?: ((value: string | undefined, option: import("../../typings-1fe708ea").OptionShape) => boolean) | undefined;
|
|
13
13
|
onCountryChange?: ((country?: Country | undefined) => void) | undefined;
|
|
14
14
|
onChange?: ((phone: string) => void) | undefined;
|
|
15
15
|
onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
package/cssm/index-bdb4c6b9.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/// <reference types="react-transition-group" />
|
|
3
3
|
/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
|
|
4
4
|
import React from "react";
|
|
5
|
-
import {
|
|
5
|
+
import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
|
|
6
6
|
import { TransitionProps } from "react-transition-group/Transition";
|
|
7
7
|
import { BackdropProps, PortalProps } from "./index-ebda875c";
|
|
8
8
|
type BaseModalProps = {
|
|
@@ -13,7 +13,7 @@ type BaseModalProps = {
|
|
|
13
13
|
/**
|
|
14
14
|
* Компонент бэкдропа
|
|
15
15
|
*/
|
|
16
|
-
Backdrop?:
|
|
16
|
+
Backdrop?: ComponentType<BackdropProps>;
|
|
17
17
|
/**
|
|
18
18
|
* Свойства для Бэкдропа
|
|
19
19
|
*/
|
|
@@ -134,6 +134,10 @@ type BaseModalProps = {
|
|
|
134
134
|
* Реф, который должен быть установлен компонентной области
|
|
135
135
|
*/
|
|
136
136
|
componentRef?: MutableRefObject<HTMLDivElement | null>;
|
|
137
|
+
/**
|
|
138
|
+
* Блокирует скролл когда модальное окно открыто. Работает только на iOS.
|
|
139
|
+
*/
|
|
140
|
+
iOSLock?: boolean;
|
|
137
141
|
};
|
|
138
142
|
type BaseModalContext = {
|
|
139
143
|
parentRef: React.RefObject<HTMLDivElement>;
|
|
@@ -157,7 +161,10 @@ declare function isScrolledToTop(target: HTMLElement): boolean;
|
|
|
157
161
|
declare function isScrolledToBottom(target: HTMLElement): boolean;
|
|
158
162
|
declare function hasScrollbar(target: HTMLElement): boolean;
|
|
159
163
|
declare const restoreContainerStyles: (container: HTMLElement) => void;
|
|
160
|
-
declare const handleContainer: (container?: HTMLElement) => void;
|
|
164
|
+
declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
|
|
165
|
+
declare const lockScroll: () => void;
|
|
166
|
+
declare const unlockScroll: () => void;
|
|
167
|
+
declare const syncHeight: () => void;
|
|
161
168
|
type SavedStyle = {
|
|
162
169
|
value: string;
|
|
163
170
|
key: string;
|
|
@@ -179,5 +186,5 @@ declare class GlobalStore {
|
|
|
179
186
|
constructor();
|
|
180
187
|
getModalStore: () => ModalStore;
|
|
181
188
|
}
|
|
182
|
-
export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, getModalStore, GlobalStore };
|
|
189
|
+
export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, lockScroll, unlockScroll, syncHeight, getModalStore, GlobalStore };
|
|
183
190
|
export type { SavedStyle };
|
package/cssm/types.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { InputMobileProps } from "@alfalab/core-components-input/mobile";
|
|
|
5
5
|
import { InputAutocompleteProps } from "@alfalab/core-components-input-autocomplete";
|
|
6
6
|
import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
|
|
7
7
|
import { InputAutocompleteMobileProps } from "@alfalab/core-components-input-autocomplete/mobile";
|
|
8
|
-
import { OptionShape } from "./typings-
|
|
8
|
+
import { OptionShape } from "./typings-1fe708ea";
|
|
9
9
|
import { SharedCountrySelectProps } from "./components/country-select/index";
|
|
10
10
|
type Country = {
|
|
11
11
|
name: string;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
/// <reference types="react-transition-group" />
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, AriaAttributes, FocusEvent, MouseEvent, SVGProps } from "react";
|
|
4
|
+
import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttributes, ElementType, FC, CSSProperties, MutableRefObject, ForwardRefExoticComponent, RefAttributes, AnchorHTMLAttributes, AriaAttributes, ComponentType, FocusEvent, MouseEvent, SVGProps } from "react";
|
|
5
5
|
import { HandledEvents } from "react-swipeable/es/types";
|
|
6
6
|
import { TransitionProps } from "react-transition-group/Transition";
|
|
7
7
|
import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
|
|
8
8
|
import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
|
|
9
9
|
import { CSSTransitionProps } from "react-transition-group/CSSTransition";
|
|
10
10
|
import { BasePlacement, VariationPlacement } from "@popperjs/core";
|
|
11
|
-
import { SwipeableHandlers } from "react-swipeable";
|
|
11
|
+
import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
|
|
12
12
|
import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
|
|
13
13
|
import { ButtonProps } from "./index-6d57839f";
|
|
14
|
-
import { ContentProps } from "./typings-
|
|
15
|
-
import { ModalResponsiveProps as ModalProps } from "./typings-
|
|
14
|
+
import { ContentProps } from "./typings-d6bfd5b7";
|
|
15
|
+
import { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
|
|
16
16
|
import { InputProps } from "@alfalab/core-components-input";
|
|
17
17
|
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
18
18
|
/**
|
|
@@ -66,7 +66,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
66
66
|
*/
|
|
67
67
|
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
68
68
|
}
|
|
69
|
-
type
|
|
69
|
+
type NavigationBarPrivateProps = {
|
|
70
70
|
/**
|
|
71
71
|
* Контент шапки
|
|
72
72
|
*/
|
|
@@ -172,6 +172,7 @@ type NavigationBarProps = {
|
|
|
172
172
|
*/
|
|
173
173
|
scrollableParentRef?: React.RefObject<HTMLDivElement>;
|
|
174
174
|
};
|
|
175
|
+
type NavigationBarProps = NavigationBarPrivateProps;
|
|
175
176
|
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";
|
|
176
177
|
type BottomSheetTitleAlign = "center" | "left";
|
|
177
178
|
type BottomSheetProps = {
|
|
@@ -464,7 +465,7 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
|
|
|
464
465
|
breakpoint?: number | undefined;
|
|
465
466
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
466
467
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
467
|
-
type HeaderProps = Omit<
|
|
468
|
+
type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
|
|
468
469
|
type FooterProps = {
|
|
469
470
|
/**
|
|
470
471
|
* Контент футера
|
|
@@ -516,12 +517,13 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
|
|
|
516
517
|
fullscreen?: boolean | undefined;
|
|
517
518
|
fixedPosition?: boolean | undefined;
|
|
518
519
|
hasCloser?: boolean | undefined;
|
|
520
|
+
iOSLock?: boolean | undefined;
|
|
519
521
|
} & {
|
|
520
522
|
breakpoint?: number | undefined;
|
|
521
523
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
522
524
|
} & React.RefAttributes<HTMLDivElement>> & {
|
|
523
525
|
Header: React.FC<HeaderProps>;
|
|
524
|
-
Content: React.FC<import("./typings-
|
|
526
|
+
Content: React.FC<import("./typings-d6bfd5b7").ContentProps>;
|
|
525
527
|
Footer: React.FC<FooterProps>;
|
|
526
528
|
Controls: React.FC<ControlsProps>;
|
|
527
529
|
};
|
|
@@ -652,7 +654,7 @@ type FooterProps$0 = {
|
|
|
652
654
|
dataTestId?: string;
|
|
653
655
|
};
|
|
654
656
|
declare const Footer$0: FC<FooterProps$0>;
|
|
655
|
-
type HeaderProps$0 = Omit<
|
|
657
|
+
type HeaderProps$0 = Omit<NavigationBarPrivateProps, "view" | "size"> & {
|
|
656
658
|
headerRef: RefObject<HTMLDivElement>;
|
|
657
659
|
headerOffset: number;
|
|
658
660
|
};
|
|
@@ -672,6 +674,16 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
672
674
|
opacityTimeout?: number;
|
|
673
675
|
};
|
|
674
676
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
677
|
+
declare const horizontalDirections: [
|
|
678
|
+
string,
|
|
679
|
+
string
|
|
680
|
+
];
|
|
681
|
+
type ShouldSkipSwipingParams = {
|
|
682
|
+
deltaY: number;
|
|
683
|
+
startY: number;
|
|
684
|
+
event: HandledEvents;
|
|
685
|
+
dir: SwipeDirections;
|
|
686
|
+
};
|
|
675
687
|
declare const colors: readonly [
|
|
676
688
|
"tertiary",
|
|
677
689
|
"disabled",
|
|
@@ -885,6 +897,12 @@ declare const IconButton: React.ForwardRefExoticComponent<{
|
|
|
885
897
|
dataTestId?: string | undefined;
|
|
886
898
|
colors?: "default" | "inverted" | undefined;
|
|
887
899
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "breakpoint" | "href" | "Component" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
900
|
+
declare enum SwipeDirection {
|
|
901
|
+
Left = "Left",
|
|
902
|
+
Right = "Right",
|
|
903
|
+
Up = "Up",
|
|
904
|
+
Down = "Down"
|
|
905
|
+
}
|
|
888
906
|
declare const Content: FC<ContentProps>;
|
|
889
907
|
type UseSelectWithApplyProps = {
|
|
890
908
|
/**
|
|
@@ -1113,11 +1131,11 @@ type BaseSelectProps = {
|
|
|
1113
1131
|
/**
|
|
1114
1132
|
* Компонент стрелки
|
|
1115
1133
|
*/
|
|
1116
|
-
Arrow?:
|
|
1134
|
+
Arrow?: ComponentType<ArrowProps> | null | false;
|
|
1117
1135
|
/**
|
|
1118
1136
|
* Компонент поля
|
|
1119
1137
|
*/
|
|
1120
|
-
Field?:
|
|
1138
|
+
Field?: ComponentType<FieldProps>;
|
|
1121
1139
|
/**
|
|
1122
1140
|
* Пропсы, которые будут прокинуты в компонент поля
|
|
1123
1141
|
*/
|
|
@@ -1133,15 +1151,15 @@ type BaseSelectProps = {
|
|
|
1133
1151
|
/**
|
|
1134
1152
|
* Компонент выпадающего меню
|
|
1135
1153
|
*/
|
|
1136
|
-
OptionsList?:
|
|
1154
|
+
OptionsList?: ComponentType<OptionsListProps & RefAttributes<HTMLDivElement>>;
|
|
1137
1155
|
/**
|
|
1138
1156
|
* Компонент группы
|
|
1139
1157
|
*/
|
|
1140
|
-
Optgroup?:
|
|
1158
|
+
Optgroup?: ComponentType<OptgroupProps>;
|
|
1141
1159
|
/**
|
|
1142
1160
|
* Компонент пункта меню
|
|
1143
1161
|
*/
|
|
1144
|
-
Option?:
|
|
1162
|
+
Option?: ComponentType<OptionProps>;
|
|
1145
1163
|
/**
|
|
1146
1164
|
* Включает отображение поиска
|
|
1147
1165
|
*/
|
|
@@ -1149,7 +1167,7 @@ type BaseSelectProps = {
|
|
|
1149
1167
|
/**
|
|
1150
1168
|
* Компонент поиска
|
|
1151
1169
|
*/
|
|
1152
|
-
Search?:
|
|
1170
|
+
Search?: ComponentType<SearchProps>;
|
|
1153
1171
|
/**
|
|
1154
1172
|
* Настройки поиска
|
|
1155
1173
|
*/
|
|
@@ -1311,7 +1329,7 @@ type OptionsListProps = {
|
|
|
1311
1329
|
/**
|
|
1312
1330
|
* Компонент пункта меню
|
|
1313
1331
|
*/
|
|
1314
|
-
Option:
|
|
1332
|
+
Option: ComponentType<OptionProps>;
|
|
1315
1333
|
/**
|
|
1316
1334
|
* Функция для получения пропсов для ячейки
|
|
1317
1335
|
*/
|
|
@@ -1586,10 +1604,10 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
|
|
|
1586
1604
|
*/
|
|
1587
1605
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
1588
1606
|
};
|
|
1589
|
-
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1607
|
+
export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
|
|
1590
1608
|
export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
|
|
1591
|
-
export { ModalResponsiveProps as ModalProps } from "./typings-
|
|
1592
|
-
export type { ContentProps as ModalContentProps } from "./typings-
|
|
1609
|
+
export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
|
|
1610
|
+
export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";
|
|
1593
1611
|
export * from "./use-skeleton-1328ead9";
|
|
1594
1612
|
export * from "./Component.desktop-ebda875c";
|
|
1595
1613
|
export * from "./Component.mobile-ebda875c";
|
|
@@ -22,6 +22,10 @@ type ModalDesktopProps = BaseModalProps & {
|
|
|
22
22
|
* @default false
|
|
23
23
|
*/
|
|
24
24
|
hasCloser?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Блокирует скролл когда модальное окно открыто. Работает только на iOS.
|
|
27
|
+
*/
|
|
28
|
+
iOSLock?: boolean;
|
|
25
29
|
};
|
|
26
30
|
type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
|
|
27
31
|
type ModalResponsiveProps = ModalDesktopProps & {
|
package/cssm/utils-89376c31.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
|
-
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-
|
|
2
|
+
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-1fe708ea";
|
|
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,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { OptgroupProps } from "./typings-
|
|
3
|
+
import { OptgroupProps } from "./typings-1fe708ea";
|
|
4
4
|
declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
|
|
5
5
|
export { Optgroup };
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { View } from "./typings-
|
|
3
|
+
import { View } from "./typings-d6bfd5b7";
|
|
4
4
|
declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
|
|
5
5
|
size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
|
|
6
6
|
fullscreen?: boolean | undefined;
|
|
7
7
|
fixedPosition?: boolean | undefined;
|
|
8
8
|
hasCloser?: boolean | undefined;
|
|
9
|
+
iOSLock?: boolean | undefined;
|
|
9
10
|
} & {
|
|
10
11
|
view: View;
|
|
11
12
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
|
|
|
7
7
|
clearableCountryCode?: boolean | undefined;
|
|
8
8
|
countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
|
|
9
9
|
clear?: boolean | undefined;
|
|
10
|
-
filterFn?: ((value: string | undefined, option: import("./typings-
|
|
10
|
+
filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
|
|
11
11
|
onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
|
|
12
12
|
onChange?: ((phone: string) => void) | undefined;
|
|
13
13
|
onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
|
|
|
26
26
|
clearableCountryCode?: boolean | undefined;
|
|
27
27
|
countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
|
|
28
28
|
clear?: boolean | undefined;
|
|
29
|
-
filterFn?: ((value: string | undefined, option: import("./typings-
|
|
29
|
+
filterFn?: ((value: string | undefined, option: import("./typings-1fe708ea").OptionShape) => boolean) | undefined;
|
|
30
30
|
onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
|
|
31
31
|
onChange?: ((phone: string) => void) | undefined;
|
|
32
32
|
onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
33
33
|
onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
|
|
34
34
|
} & {
|
|
35
|
-
options: (import("./typings-
|
|
35
|
+
options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
|
|
36
36
|
} & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
|
|
37
|
-
options: (import("./typings-
|
|
37
|
+
options: (import("./typings-1fe708ea").OptionShape | import("./typings-1fe708ea").GroupShape)[];
|
|
38
38
|
} & Omit<import("@alfalab/core-components-input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
|
|
39
39
|
breakpoint?: number | undefined;
|
|
40
40
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { TResponsiveModalContext } from "./typings-
|
|
3
|
+
import { TResponsiveModalContext } from "./typings-d6bfd5b7";
|
|
4
4
|
declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
|
|
5
5
|
export { ResponsiveContext };
|