@alfalab/core-components-intl-phone-input 9.5.10 → 9.5.11
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-4cd3936b.d.ts +1 -1
- package/{esm/Component.desktop-ed17077e.d.ts → Component.desktop-d078a845.d.ts} +2 -6
- 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.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-4cd3936b.d.ts +1 -1
- package/{Component.desktop-ed17077e.d.ts → cssm/Component.desktop-d078a845.d.ts} +2 -6
- package/cssm/component.d.ts +1 -1
- package/cssm/index-72308007.d.ts +54 -0
- package/cssm/index-c76d6398.d.ts +1 -1
- package/cssm/index-f12ee135.d.ts +1 -1
- package/cssm/shared-4cd3936b.d.ts +1 -1
- package/esm/Component-4cd3936b.d.ts +1 -1
- package/{cssm/Component.desktop-ed17077e.d.ts → esm/Component.desktop-d078a845.d.ts} +2 -6
- package/esm/component.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-72308007.d.ts +54 -0
- package/esm/index-c76d6398.d.ts +1 -1
- package/esm/index-f12ee135.d.ts +1 -1
- package/esm/index.css +5 -5
- package/esm/shared-4cd3936b.d.ts +1 -1
- package/index-72308007.d.ts +54 -0
- package/index-c76d6398.d.ts +1 -1
- package/index-f12ee135.d.ts +1 -1
- package/index.css +5 -5
- package/modern/Component-4cd3936b.d.ts +1 -1
- package/modern/{Component.desktop-ed17077e.d.ts → Component.desktop-d078a845.d.ts} +2 -6
- package/modern/component.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-72308007.d.ts +54 -0
- package/modern/index-c76d6398.d.ts +1 -1
- package/modern/index-f12ee135.d.ts +1 -1
- package/modern/index.css +5 -5
- package/modern/shared-4cd3936b.d.ts +1 -1
- package/package.json +3 -3
- package/shared-4cd3936b.d.ts +1 -1
- package/cssm/index-1a4fbd11.d.ts +0 -22
- package/esm/index-1a4fbd11.d.ts +0 -22
- package/index-1a4fbd11.d.ts +0 -22
- package/modern/index-1a4fbd11.d.ts +0 -22
- /package/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
- /package/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
- /package/cssm/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
- /package/cssm/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
- /package/esm/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
- /package/esm/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
- /package/modern/{Component-1a4fbd11.d.ts → Component-72308007.d.ts} +0 -0
- /package/modern/{component-1a4fbd11.d.ts → component-72308007.d.ts} +0 -0
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-d078a845";
|
|
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";
|
|
@@ -39,18 +39,14 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
39
39
|
*/
|
|
40
40
|
Input?: React.FC<Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
41
41
|
breakpoint?: number | undefined;
|
|
42
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
43
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
44
|
-
*/
|
|
42
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
45
43
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
46
44
|
/**
|
|
47
45
|
* Пропсы, которые будут прокинуты в инпут
|
|
48
46
|
*/
|
|
49
47
|
inputProps?: (Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
50
48
|
breakpoint?: number | undefined;
|
|
51
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
52
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
53
|
-
*/
|
|
49
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
54
50
|
} & Record<string, unknown>) | undefined;
|
|
55
51
|
/**
|
|
56
52
|
* Значение поля ввода
|
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-d078a845";
|
|
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_kaeni","l":"intl-phone-input__l_kaeni","xl":"intl-phone-input__xl_kaeni","flagIconWrapper":"intl-phone-input__flagIconWrapper_kaeni","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_kaeni"};
|
|
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_17oma","flagPlaceholder":"intl-phone-input__flagPlaceholder_17oma"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 9x9vx */
|
|
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_17oma {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagPlaceholder_17oma {
|
|
24
24
|
width: 24px;
|
|
25
25
|
height: 16px;
|
|
26
26
|
max-height: 16px;
|
|
@@ -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_1hfuj","option":"intl-phone-input__option_1hfuj","flag":"intl-phone-input__flag_1hfuj","countryName":"intl-phone-input__countryName_1hfuj","dialCode":"intl-phone-input__dialCode_1hfuj"};
|
|
22
22
|
require('./index.css')
|
|
23
23
|
|
|
24
24
|
var CountriesSelect = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: monif */
|
|
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_1hfuj {
|
|
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_1hfuj {
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
} .intl-phone-
|
|
28
|
+
} .intl-phone-input__flag_1hfuj {
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
margin-right: var(--gap-xs);
|
|
31
|
-
} .intl-phone-
|
|
31
|
+
} .intl-phone-input__countryName_1hfuj {
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .intl-phone-
|
|
33
|
+
} .intl-phone-input__dialCode_1hfuj {
|
|
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_yj5k2","flagIconContainer":"intl-phone-input__flagIconContainer_yj5k2","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_yj5k2","disabled":"intl-phone-input__disabled_yj5k2","inner":"intl-phone-input__inner_yj5k2","l":"intl-phone-input__l_yj5k2","xl":"intl-phone-input__xl_yj5k2","focusVisible":"intl-phone-input__focusVisible_yj5k2"};
|
|
22
22
|
require('./index.css')
|
|
23
23
|
|
|
24
24
|
var EMPTY_COUNTRY_SELECT_FIELD = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: mr9aj */
|
|
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_yj5k2 {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .intl-phone-
|
|
29
|
+
} .intl-phone-input__flagIconContainer_yj5k2 {
|
|
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_yj5k2 {
|
|
37
37
|
color: var(--color-light-graphic-secondary);
|
|
38
|
-
} .intl-phone-
|
|
38
|
+
} .intl-phone-input__disabled_yj5k2 {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .intl-phone-
|
|
40
|
+
} .intl-phone-input__inner_yj5k2 {
|
|
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_yj5k2 .intl-phone-input__inner_yj5k2,
|
|
48
|
+
.intl-phone-input__xl_yj5k2 .intl-phone-input__inner_yj5k2 {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .intl-phone-
|
|
50
|
+
} .intl-phone-input__focusVisible_yj5k2 {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
|
@@ -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-d078a845";
|
|
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";
|
|
@@ -39,18 +39,14 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
39
39
|
*/
|
|
40
40
|
Input?: React.FC<Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
41
41
|
breakpoint?: number | undefined;
|
|
42
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
43
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
44
|
-
*/
|
|
42
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
45
43
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
46
44
|
/**
|
|
47
45
|
* Пропсы, которые будут прокинуты в инпут
|
|
48
46
|
*/
|
|
49
47
|
inputProps?: (Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
50
48
|
breakpoint?: number | undefined;
|
|
51
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
52
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
53
|
-
*/
|
|
49
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
54
50
|
} & Record<string, unknown>) | undefined;
|
|
55
51
|
/**
|
|
56
52
|
* Значение поля ввода
|
package/cssm/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-d078a845";
|
|
5
5
|
import { SelectProps } from "@alfalab/core-components-select";
|
|
6
6
|
import { Country } from '@alfalab/utils';
|
|
7
7
|
type MaxPhoneLenByCountry = Record<string, number>;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { PaddingType } from "./index-72dda473";
|
|
4
|
+
/* eslint-disable no-plusplus, no-param-reassign */
|
|
5
|
+
import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
|
|
6
|
+
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
7
|
+
declare const isClient: () => boolean;
|
|
8
|
+
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
9
|
+
declare function easeInOutQuad(x: number): number;
|
|
10
|
+
declare const easingFns: {
|
|
11
|
+
easeInOutQuad: typeof easeInOutQuad;
|
|
12
|
+
};
|
|
13
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
14
|
+
declare const inputUtils: {
|
|
15
|
+
disableUserInput: typeof disableUserInput;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Возвращает true, если значение равно null или undefined
|
|
19
|
+
*/
|
|
20
|
+
declare function isNil(value: unknown): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Выбор значения между min max границами
|
|
23
|
+
*/
|
|
24
|
+
declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
|
|
25
|
+
declare function noop(): void;
|
|
26
|
+
declare const fnUtils: {
|
|
27
|
+
clamp: typeof clamp;
|
|
28
|
+
noop: typeof noop;
|
|
29
|
+
isNil: typeof isNil;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Запрещает каретке становиться за указанные границы
|
|
33
|
+
*/
|
|
34
|
+
declare function caretGuard(guard: (value: string, selection: readonly [
|
|
35
|
+
from: number,
|
|
36
|
+
to: number
|
|
37
|
+
]) => [
|
|
38
|
+
from: number,
|
|
39
|
+
to: number
|
|
40
|
+
]): MaskitoPlugin;
|
|
41
|
+
/**
|
|
42
|
+
* Запрещает удалять указанный префикс
|
|
43
|
+
*/
|
|
44
|
+
declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
|
|
45
|
+
/**
|
|
46
|
+
* Препроцессор необходим для правильной вставки/автокомплита телефонного номера
|
|
47
|
+
*/
|
|
48
|
+
declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
|
|
49
|
+
declare const maskUtils: {
|
|
50
|
+
insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
|
|
51
|
+
prefixPostprocessor: typeof prefixPostprocessor;
|
|
52
|
+
caretGuard: typeof caretGuard;
|
|
53
|
+
};
|
|
54
|
+
export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
|
package/cssm/index-c76d6398.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-72308007";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/cssm/index-f12ee135.d.ts
CHANGED
|
@@ -59,6 +59,6 @@ export * from "./index-ebda875c";
|
|
|
59
59
|
export * from "./Component-dd8ca091";
|
|
60
60
|
export * from "./hook-c44170fe";
|
|
61
61
|
export * from "./hook-8abfea97";
|
|
62
|
-
export * from "./Component-
|
|
62
|
+
export * from "./Component-72308007";
|
|
63
63
|
export * from "./typings-dd8ca091";
|
|
64
64
|
export * from "./utils-dd8ca091";
|
|
@@ -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-d078a845";
|
|
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";
|
|
@@ -39,18 +39,14 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
39
39
|
*/
|
|
40
40
|
Input?: React.FC<Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
41
41
|
breakpoint?: number | undefined;
|
|
42
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
43
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
44
|
-
*/
|
|
42
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
45
43
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
46
44
|
/**
|
|
47
45
|
* Пропсы, которые будут прокинуты в инпут
|
|
48
46
|
*/
|
|
49
47
|
inputProps?: (Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
50
48
|
breakpoint?: number | undefined;
|
|
51
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
52
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
53
|
-
*/
|
|
49
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
54
50
|
} & Record<string, unknown>) | undefined;
|
|
55
51
|
/**
|
|
56
52
|
* Значение поля ввода
|
package/esm/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-d078a845";
|
|
5
5
|
import { SelectProps } from "@alfalab/core-components-select";
|
|
6
6
|
import { Country } from '@alfalab/utils';
|
|
7
7
|
type MaxPhoneLenByCountry = Record<string, number>;
|
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_kaeni","l":"intl-phone-input__l_kaeni","xl":"intl-phone-input__xl_kaeni","flagIconWrapper":"intl-phone-input__flagIconWrapper_kaeni","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_kaeni"};
|
|
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_17oma","flagPlaceholder":"intl-phone-input__flagPlaceholder_17oma"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 9x9vx */
|
|
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_17oma {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagPlaceholder_17oma {
|
|
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_1hfuj","option":"intl-phone-input__option_1hfuj","flag":"intl-phone-input__flag_1hfuj","countryName":"intl-phone-input__countryName_1hfuj","dialCode":"intl-phone-input__dialCode_1hfuj"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var CountriesSelect = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: monif */
|
|
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_1hfuj {
|
|
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_1hfuj {
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
} .intl-phone-
|
|
28
|
+
} .intl-phone-input__flag_1hfuj {
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
margin-right: var(--gap-xs);
|
|
31
|
-
} .intl-phone-
|
|
31
|
+
} .intl-phone-input__countryName_1hfuj {
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .intl-phone-
|
|
33
|
+
} .intl-phone-input__dialCode_1hfuj {
|
|
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_yj5k2","flagIconContainer":"intl-phone-input__flagIconContainer_yj5k2","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_yj5k2","disabled":"intl-phone-input__disabled_yj5k2","inner":"intl-phone-input__inner_yj5k2","l":"intl-phone-input__l_yj5k2","xl":"intl-phone-input__xl_yj5k2","focusVisible":"intl-phone-input__focusVisible_yj5k2"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
var EMPTY_COUNTRY_SELECT_FIELD = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: mr9aj */
|
|
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_yj5k2 {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .intl-phone-
|
|
29
|
+
} .intl-phone-input__flagIconContainer_yj5k2 {
|
|
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_yj5k2 {
|
|
37
37
|
color: var(--color-light-graphic-secondary);
|
|
38
|
-
} .intl-phone-
|
|
38
|
+
} .intl-phone-input__disabled_yj5k2 {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .intl-phone-
|
|
40
|
+
} .intl-phone-input__inner_yj5k2 {
|
|
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_yj5k2 .intl-phone-input__inner_yj5k2,
|
|
48
|
+
.intl-phone-input__xl_yj5k2 .intl-phone-input__inner_yj5k2 {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .intl-phone-
|
|
50
|
+
} .intl-phone-input__focusVisible_yj5k2 {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { PaddingType } from "./index-72dda473";
|
|
4
|
+
/* eslint-disable no-plusplus, no-param-reassign */
|
|
5
|
+
import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
|
|
6
|
+
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
7
|
+
declare const isClient: () => boolean;
|
|
8
|
+
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
9
|
+
declare function easeInOutQuad(x: number): number;
|
|
10
|
+
declare const easingFns: {
|
|
11
|
+
easeInOutQuad: typeof easeInOutQuad;
|
|
12
|
+
};
|
|
13
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
14
|
+
declare const inputUtils: {
|
|
15
|
+
disableUserInput: typeof disableUserInput;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Возвращает true, если значение равно null или undefined
|
|
19
|
+
*/
|
|
20
|
+
declare function isNil(value: unknown): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Выбор значения между min max границами
|
|
23
|
+
*/
|
|
24
|
+
declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
|
|
25
|
+
declare function noop(): void;
|
|
26
|
+
declare const fnUtils: {
|
|
27
|
+
clamp: typeof clamp;
|
|
28
|
+
noop: typeof noop;
|
|
29
|
+
isNil: typeof isNil;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Запрещает каретке становиться за указанные границы
|
|
33
|
+
*/
|
|
34
|
+
declare function caretGuard(guard: (value: string, selection: readonly [
|
|
35
|
+
from: number,
|
|
36
|
+
to: number
|
|
37
|
+
]) => [
|
|
38
|
+
from: number,
|
|
39
|
+
to: number
|
|
40
|
+
]): MaskitoPlugin;
|
|
41
|
+
/**
|
|
42
|
+
* Запрещает удалять указанный префикс
|
|
43
|
+
*/
|
|
44
|
+
declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
|
|
45
|
+
/**
|
|
46
|
+
* Препроцессор необходим для правильной вставки/автокомплита телефонного номера
|
|
47
|
+
*/
|
|
48
|
+
declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
|
|
49
|
+
declare const maskUtils: {
|
|
50
|
+
insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
|
|
51
|
+
prefixPostprocessor: typeof prefixPostprocessor;
|
|
52
|
+
caretGuard: typeof caretGuard;
|
|
53
|
+
};
|
|
54
|
+
export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
|
package/esm/index-c76d6398.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-72308007";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/esm/index-f12ee135.d.ts
CHANGED
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1k0y9 */
|
|
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_kaeni {
|
|
20
20
|
padding-left: 0;
|
|
21
|
-
} .intl-phone-
|
|
21
|
+
} .intl-phone-input__l_kaeni .intl-phone-input__addons_kaeni, .intl-phone-input__xl_kaeni .intl-phone-input__addons_kaeni {
|
|
22
22
|
padding-left: 0;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagIconWrapper_kaeni {
|
|
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_kaeni {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
package/esm/shared-4cd3936b.d.ts
CHANGED
|
@@ -59,6 +59,6 @@ export * from "./index-ebda875c";
|
|
|
59
59
|
export * from "./Component-dd8ca091";
|
|
60
60
|
export * from "./hook-c44170fe";
|
|
61
61
|
export * from "./hook-8abfea97";
|
|
62
|
-
export * from "./Component-
|
|
62
|
+
export * from "./Component-72308007";
|
|
63
63
|
export * from "./typings-dd8ca091";
|
|
64
64
|
export * from "./utils-dd8ca091";
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { PaddingType } from "./index-72dda473";
|
|
4
|
+
/* eslint-disable no-plusplus, no-param-reassign */
|
|
5
|
+
import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
|
|
6
|
+
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
7
|
+
declare const isClient: () => boolean;
|
|
8
|
+
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
9
|
+
declare function easeInOutQuad(x: number): number;
|
|
10
|
+
declare const easingFns: {
|
|
11
|
+
easeInOutQuad: typeof easeInOutQuad;
|
|
12
|
+
};
|
|
13
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
14
|
+
declare const inputUtils: {
|
|
15
|
+
disableUserInput: typeof disableUserInput;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Возвращает true, если значение равно null или undefined
|
|
19
|
+
*/
|
|
20
|
+
declare function isNil(value: unknown): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Выбор значения между min max границами
|
|
23
|
+
*/
|
|
24
|
+
declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
|
|
25
|
+
declare function noop(): void;
|
|
26
|
+
declare const fnUtils: {
|
|
27
|
+
clamp: typeof clamp;
|
|
28
|
+
noop: typeof noop;
|
|
29
|
+
isNil: typeof isNil;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Запрещает каретке становиться за указанные границы
|
|
33
|
+
*/
|
|
34
|
+
declare function caretGuard(guard: (value: string, selection: readonly [
|
|
35
|
+
from: number,
|
|
36
|
+
to: number
|
|
37
|
+
]) => [
|
|
38
|
+
from: number,
|
|
39
|
+
to: number
|
|
40
|
+
]): MaskitoPlugin;
|
|
41
|
+
/**
|
|
42
|
+
* Запрещает удалять указанный префикс
|
|
43
|
+
*/
|
|
44
|
+
declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
|
|
45
|
+
/**
|
|
46
|
+
* Препроцессор необходим для правильной вставки/автокомплита телефонного номера
|
|
47
|
+
*/
|
|
48
|
+
declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
|
|
49
|
+
declare const maskUtils: {
|
|
50
|
+
insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
|
|
51
|
+
prefixPostprocessor: typeof prefixPostprocessor;
|
|
52
|
+
caretGuard: typeof caretGuard;
|
|
53
|
+
};
|
|
54
|
+
export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
|
package/index-c76d6398.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-72308007";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/index-f12ee135.d.ts
CHANGED
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1k0y9 */
|
|
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_kaeni {
|
|
20
20
|
padding-left: 0;
|
|
21
|
-
} .intl-phone-
|
|
21
|
+
} .intl-phone-input__l_kaeni .intl-phone-input__addons_kaeni, .intl-phone-input__xl_kaeni .intl-phone-input__addons_kaeni {
|
|
22
22
|
padding-left: 0;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagIconWrapper_kaeni {
|
|
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_kaeni {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
|
@@ -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-d078a845";
|
|
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";
|
|
@@ -39,18 +39,14 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
39
39
|
*/
|
|
40
40
|
Input?: React.FC<Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
41
41
|
breakpoint?: number | undefined;
|
|
42
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
43
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
44
|
-
*/
|
|
42
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
45
43
|
} & React.RefAttributes<HTMLInputElement>> | undefined;
|
|
46
44
|
/**
|
|
47
45
|
* Пропсы, которые будут прокинуты в инпут
|
|
48
46
|
*/
|
|
49
47
|
inputProps?: (Omit<import("./index-c44170fe").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
|
|
50
48
|
breakpoint?: number | undefined;
|
|
51
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
52
|
-
* Пропсы, которые будут прокинуты в инпут
|
|
53
|
-
*/
|
|
49
|
+
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
54
50
|
} & Record<string, unknown>) | undefined;
|
|
55
51
|
/**
|
|
56
52
|
* Значение поля ввода
|
package/modern/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-d078a845";
|
|
5
5
|
import { SelectProps } from "@alfalab/core-components-select";
|
|
6
6
|
import { Country } from '@alfalab/utils';
|
|
7
7
|
type MaxPhoneLenByCountry = Record<string, number>;
|
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_kaeni","l":"intl-phone-input__l_kaeni","xl":"intl-phone-input__xl_kaeni","flagIconWrapper":"intl-phone-input__flagIconWrapper_kaeni","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_kaeni"};
|
|
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_17oma","flagPlaceholder":"intl-phone-input__flagPlaceholder_17oma"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 9x9vx */
|
|
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_17oma {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagPlaceholder_17oma {
|
|
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_1hfuj","option":"intl-phone-input__option_1hfuj","flag":"intl-phone-input__flag_1hfuj","countryName":"intl-phone-input__countryName_1hfuj","dialCode":"intl-phone-input__dialCode_1hfuj"};
|
|
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: monif */
|
|
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_1hfuj {
|
|
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_1hfuj {
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
} .intl-phone-
|
|
28
|
+
} .intl-phone-input__flag_1hfuj {
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
margin-right: var(--gap-xs);
|
|
31
|
-
} .intl-phone-
|
|
31
|
+
} .intl-phone-input__countryName_1hfuj {
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .intl-phone-
|
|
33
|
+
} .intl-phone-input__dialCode_1hfuj {
|
|
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_yj5k2","flagIconContainer":"intl-phone-input__flagIconContainer_yj5k2","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_yj5k2","disabled":"intl-phone-input__disabled_yj5k2","inner":"intl-phone-input__inner_yj5k2","l":"intl-phone-input__l_yj5k2","xl":"intl-phone-input__xl_yj5k2","focusVisible":"intl-phone-input__focusVisible_yj5k2"};
|
|
10
10
|
require('./index.css')
|
|
11
11
|
|
|
12
12
|
const EMPTY_COUNTRY_SELECT_FIELD = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: mr9aj */
|
|
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_yj5k2 {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .intl-phone-
|
|
29
|
+
} .intl-phone-input__flagIconContainer_yj5k2 {
|
|
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_yj5k2 {
|
|
37
37
|
color: var(--color-light-graphic-secondary);
|
|
38
|
-
} .intl-phone-
|
|
38
|
+
} .intl-phone-input__disabled_yj5k2 {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .intl-phone-
|
|
40
|
+
} .intl-phone-input__inner_yj5k2 {
|
|
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_yj5k2 .intl-phone-input__inner_yj5k2,
|
|
48
|
+
.intl-phone-input__xl_yj5k2 .intl-phone-input__inner_yj5k2 {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .intl-phone-
|
|
50
|
+
} .intl-phone-input__focusVisible_yj5k2 {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { PaddingType } from "./index-72dda473";
|
|
4
|
+
/* eslint-disable no-plusplus, no-param-reassign */
|
|
5
|
+
import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
|
|
6
|
+
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
7
|
+
declare const isClient: () => boolean;
|
|
8
|
+
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
9
|
+
declare function easeInOutQuad(x: number): number;
|
|
10
|
+
declare const easingFns: {
|
|
11
|
+
easeInOutQuad: typeof easeInOutQuad;
|
|
12
|
+
};
|
|
13
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
14
|
+
declare const inputUtils: {
|
|
15
|
+
disableUserInput: typeof disableUserInput;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Возвращает true, если значение равно null или undefined
|
|
19
|
+
*/
|
|
20
|
+
declare function isNil(value: unknown): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Выбор значения между min max границами
|
|
23
|
+
*/
|
|
24
|
+
declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
|
|
25
|
+
declare function noop(): void;
|
|
26
|
+
declare const fnUtils: {
|
|
27
|
+
clamp: typeof clamp;
|
|
28
|
+
noop: typeof noop;
|
|
29
|
+
isNil: typeof isNil;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Запрещает каретке становиться за указанные границы
|
|
33
|
+
*/
|
|
34
|
+
declare function caretGuard(guard: (value: string, selection: readonly [
|
|
35
|
+
from: number,
|
|
36
|
+
to: number
|
|
37
|
+
]) => [
|
|
38
|
+
from: number,
|
|
39
|
+
to: number
|
|
40
|
+
]): MaskitoPlugin;
|
|
41
|
+
/**
|
|
42
|
+
* Запрещает удалять указанный префикс
|
|
43
|
+
*/
|
|
44
|
+
declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
|
|
45
|
+
/**
|
|
46
|
+
* Препроцессор необходим для правильной вставки/автокомплита телефонного номера
|
|
47
|
+
*/
|
|
48
|
+
declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
|
|
49
|
+
declare const maskUtils: {
|
|
50
|
+
insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
|
|
51
|
+
prefixPostprocessor: typeof prefixPostprocessor;
|
|
52
|
+
caretGuard: typeof caretGuard;
|
|
53
|
+
};
|
|
54
|
+
export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-72308007";
|
|
2
2
|
export type { NavigationBarProps } from "./types-83e2bd9e";
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1k0y9 */
|
|
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_kaeni {
|
|
20
20
|
padding-left: 0;
|
|
21
|
-
} .intl-phone-
|
|
21
|
+
} .intl-phone-input__l_kaeni .intl-phone-input__addons_kaeni, .intl-phone-input__xl_kaeni .intl-phone-input__addons_kaeni {
|
|
22
22
|
padding-left: 0;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagIconWrapper_kaeni {
|
|
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_kaeni {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
|
@@ -59,6 +59,6 @@ export * from "./index-ebda875c";
|
|
|
59
59
|
export * from "./Component-dd8ca091";
|
|
60
60
|
export * from "./hook-c44170fe";
|
|
61
61
|
export * from "./hook-8abfea97";
|
|
62
|
-
export * from "./Component-
|
|
62
|
+
export * from "./Component-72308007";
|
|
63
63
|
export * from "./typings-dd8ca091";
|
|
64
64
|
export * from "./utils-dd8ca091";
|
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.11",
|
|
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.6",
|
|
18
|
+
"@alfalab/core-components-select": "^15.1.6",
|
|
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
|
@@ -59,6 +59,6 @@ export * from "./index-ebda875c";
|
|
|
59
59
|
export * from "./Component-dd8ca091";
|
|
60
60
|
export * from "./hook-c44170fe";
|
|
61
61
|
export * from "./hook-8abfea97";
|
|
62
|
-
export * from "./Component-
|
|
62
|
+
export * from "./Component-72308007";
|
|
63
63
|
export * from "./typings-dd8ca091";
|
|
64
64
|
export * from "./utils-dd8ca091";
|
package/cssm/index-1a4fbd11.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { PaddingType } from "./index-72dda473";
|
|
4
|
-
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
5
|
-
declare const isClient: () => boolean;
|
|
6
|
-
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
7
|
-
declare function easeInOutQuad(x: number): number;
|
|
8
|
-
declare const easingFns: {
|
|
9
|
-
easeInOutQuad: typeof easeInOutQuad;
|
|
10
|
-
};
|
|
11
|
-
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
12
|
-
declare const inputUtils: {
|
|
13
|
-
disableUserInput: typeof disableUserInput;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* Возвращает true, если значение равно null или undefined
|
|
17
|
-
*/
|
|
18
|
-
declare function isNil(value: unknown): boolean;
|
|
19
|
-
declare const fnUtils: {
|
|
20
|
-
isNil: typeof isNil;
|
|
21
|
-
};
|
|
22
|
-
export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils };
|
package/esm/index-1a4fbd11.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { PaddingType } from "./index-72dda473";
|
|
4
|
-
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
5
|
-
declare const isClient: () => boolean;
|
|
6
|
-
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
7
|
-
declare function easeInOutQuad(x: number): number;
|
|
8
|
-
declare const easingFns: {
|
|
9
|
-
easeInOutQuad: typeof easeInOutQuad;
|
|
10
|
-
};
|
|
11
|
-
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
12
|
-
declare const inputUtils: {
|
|
13
|
-
disableUserInput: typeof disableUserInput;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* Возвращает true, если значение равно null или undefined
|
|
17
|
-
*/
|
|
18
|
-
declare function isNil(value: unknown): boolean;
|
|
19
|
-
declare const fnUtils: {
|
|
20
|
-
isNil: typeof isNil;
|
|
21
|
-
};
|
|
22
|
-
export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils };
|
package/index-1a4fbd11.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { PaddingType } from "./index-72dda473";
|
|
4
|
-
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
5
|
-
declare const isClient: () => boolean;
|
|
6
|
-
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
7
|
-
declare function easeInOutQuad(x: number): number;
|
|
8
|
-
declare const easingFns: {
|
|
9
|
-
easeInOutQuad: typeof easeInOutQuad;
|
|
10
|
-
};
|
|
11
|
-
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
12
|
-
declare const inputUtils: {
|
|
13
|
-
disableUserInput: typeof disableUserInput;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* Возвращает true, если значение равно null или undefined
|
|
17
|
-
*/
|
|
18
|
-
declare function isNil(value: unknown): boolean;
|
|
19
|
-
declare const fnUtils: {
|
|
20
|
-
isNil: typeof isNil;
|
|
21
|
-
};
|
|
22
|
-
export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { PaddingType } from "./index-72dda473";
|
|
4
|
-
declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
|
|
5
|
-
declare const isClient: () => boolean;
|
|
6
|
-
declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
|
|
7
|
-
declare function easeInOutQuad(x: number): number;
|
|
8
|
-
declare const easingFns: {
|
|
9
|
-
easeInOutQuad: typeof easeInOutQuad;
|
|
10
|
-
};
|
|
11
|
-
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
12
|
-
declare const inputUtils: {
|
|
13
|
-
disableUserInput: typeof disableUserInput;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* Возвращает true, если значение равно null или undefined
|
|
17
|
-
*/
|
|
18
|
-
declare function isNil(value: unknown): boolean;
|
|
19
|
-
declare const fnUtils: {
|
|
20
|
-
isNil: typeof isNil;
|
|
21
|
-
};
|
|
22
|
-
export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils, fnUtils };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|