@alfalab/core-components-intl-phone-input 9.2.8 → 9.2.10
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-556503f0.d.ts → component-71b0e713.d.ts} +0 -0
- package/{component-556503f0.js → component-71b0e713.js} +1 -1
- package/component.js +4 -4
- package/components/flag-icon/component.js +1 -1
- package/components/flag-icon/index.css +3 -3
- package/components/index.js +1 -1
- package/components/select/component.js +2 -2
- package/components/select/index.css +6 -6
- package/components/select/index.js +1 -1
- package/components/select-field/component.js +1 -1
- package/components/select-field/index.css +9 -9
- package/components/select-field/index.d.ts +1 -1
- package/components/select-field/index.js +1 -1
- package/cssm/component.js +1 -1
- package/cssm/utils/preparePasteData.d.ts +1 -1
- package/cssm/utils/preparePasteData.js +7 -3
- package/esm/{component-7ff2f7f8.d.ts → component-6caeb1fa.d.ts} +0 -0
- package/esm/{component-7ff2f7f8.js → component-6caeb1fa.js} +1 -1
- package/esm/component.js +4 -4
- package/esm/components/flag-icon/component.js +1 -1
- package/esm/components/flag-icon/index.css +3 -3
- package/esm/components/index.js +1 -1
- package/esm/components/select/component.js +2 -2
- package/esm/components/select/index.css +6 -6
- package/esm/components/select/index.js +1 -1
- package/esm/components/select-field/component.js +1 -1
- package/esm/components/select-field/index.css +9 -9
- package/esm/components/select-field/index.d.ts +1 -1
- package/esm/components/select-field/index.js +1 -1
- package/esm/index.css +5 -5
- package/esm/index.js +1 -1
- package/esm/{libphonenumber-js.min-daea543f.d.ts → libphonenumber-js.min-1a024b28.d.ts} +0 -0
- package/esm/{libphonenumber-js.min-daea543f.js → libphonenumber-js.min-1a024b28.js} +0 -0
- package/esm/utils/preparePasteData.d.ts +1 -1
- package/esm/utils/preparePasteData.js +7 -3
- package/index.css +5 -5
- package/index.js +1 -1
- package/{libphonenumber-js.min-6c4c77da.d.ts → libphonenumber-js.min-18e8de8a.d.ts} +0 -0
- package/{libphonenumber-js.min-6c4c77da.js → libphonenumber-js.min-18e8de8a.js} +0 -0
- package/modern/component.js +3 -3
- 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.css +5 -5
- package/modern/{libphonenumber-js.min-daea543f.d.ts → libphonenumber-js.min-1a024b28.d.ts} +0 -0
- package/modern/{libphonenumber-js.min-daea543f.js → libphonenumber-js.min-1a024b28.js} +0 -0
- package/modern/utils/preparePasteData.d.ts +1 -1
- package/modern/utils/preparePasteData.js +7 -3
- package/package.json +4 -4
- package/utils/preparePasteData.d.ts +1 -1
- package/utils/preparePasteData.js +7 -3
|
File without changes
|
|
@@ -53,7 +53,7 @@ function __rest(s, e) {
|
|
|
53
53
|
return t;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
var styles = {"component":"intl-phone-
|
|
56
|
+
var styles = {"component":"intl-phone-input__component_1hh4x","flagIconContainer":"intl-phone-input__flagIconContainer_1hh4x","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1hh4x","disabled":"intl-phone-input__disabled_1hh4x","inner":"intl-phone-input__inner_1hh4x","l":"intl-phone-input__l_1hh4x","xl":"intl-phone-input__xl_1hh4x","focusVisible":"intl-phone-input__focusVisible_1hh4x"};
|
|
57
57
|
require('./components/select-field/index.css')
|
|
58
58
|
|
|
59
59
|
var EMPTY_COUNTRY_SELECT_FIELD = {
|
package/component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var components_selectField_component = require('./component-
|
|
3
|
+
var components_selectField_component = require('./component-71b0e713.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsInputAutocomplete = require('@alfalab/core-components-input-autocomplete');
|
|
@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
23
23
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
24
24
|
var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
|
|
25
25
|
|
|
26
|
-
var styles = {"addons":"intl-phone-
|
|
26
|
+
var styles = {"addons":"intl-phone-input__addons_1ji8e","l":"intl-phone-input__l_1ji8e","xl":"intl-phone-input__xl_1ji8e","flagIconWrapper":"intl-phone-input__flagIconWrapper_1ji8e","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1ji8e"};
|
|
27
27
|
require('./index.css')
|
|
28
28
|
|
|
29
29
|
var countriesHash = utils.getCountriesHash();
|
|
@@ -256,7 +256,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
|
|
|
256
256
|
return;
|
|
257
257
|
}
|
|
258
258
|
var _b = inputRef.current, selectionStart = _b.selectionStart, selectionEnd = _b.selectionEnd;
|
|
259
|
-
var preparedNumber = utils_preparePasteData.preparePasteData(value, text, selectionStart || 0, selectionEnd || 0);
|
|
259
|
+
var preparedNumber = utils_preparePasteData.preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
|
|
260
260
|
var targetCountry = getCountryByNumber(preparedNumber);
|
|
261
261
|
var maxPhoneLength = (targetCountry && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[targetCountry.iso2.toUpperCase()])) || MAX_PHONE_LEN;
|
|
262
262
|
var resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
|
|
@@ -275,7 +275,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
|
|
|
275
275
|
if (phoneLibUtils.current)
|
|
276
276
|
return;
|
|
277
277
|
Promise.resolve().then(function () { return require(
|
|
278
|
-
/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-
|
|
278
|
+
/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-18e8de8a.js'); })
|
|
279
279
|
.then(function (utils) {
|
|
280
280
|
phoneLibUtils.current = utils.AsYouType;
|
|
281
281
|
if (canBeEmptyCountry) {
|
|
@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
10
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
11
11
|
|
|
12
|
-
var styles = {"flagIcon":"intl-phone-
|
|
12
|
+
var styles = {"flagIcon":"intl-phone-input__flagIcon_1sqo4","flagPlaceholder":"intl-phone-input__flagPlaceholder_1sqo4"};
|
|
13
13
|
require('./index.css')
|
|
14
14
|
|
|
15
15
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: mzzu2 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
--gap-3xs: 2px;
|
|
18
18
|
} :root {
|
|
19
19
|
} :root {
|
|
20
|
-
} .intl-phone-
|
|
20
|
+
} .intl-phone-input__flagIcon_1sqo4 {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagPlaceholder_1sqo4 {
|
|
24
24
|
width: 24px;
|
|
25
25
|
height: 16px;
|
|
26
26
|
max-height: 16px;
|
package/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var components_selectField_component = require('../component-
|
|
3
|
+
var components_selectField_component = require('../component-71b0e713.js');
|
|
4
4
|
var components_flagIcon_component = require('./flag-icon/component.js');
|
|
5
5
|
var components_select_component = require('./select/component.js');
|
|
6
6
|
require('react');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var components_selectField_component = require('../../component-
|
|
3
|
+
var components_selectField_component = require('../../component-71b0e713.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
6
6
|
var components_flagIcon_component = require('../flag-icon/component.js');
|
|
@@ -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":"intl-phone-
|
|
17
|
+
var styles = {"component":"intl-phone-input__component_1xqhb","option":"intl-phone-input__option_1xqhb","flag":"intl-phone-input__flag_1xqhb","countryName":"intl-phone-input__countryName_1xqhb","dialCode":"intl-phone-input__dialCode_1xqhb"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var CountriesSelect = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: fo4h0 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
@@ -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_1xqhb {
|
|
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_1xqhb {
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
} .intl-phone-
|
|
28
|
+
} .intl-phone-input__flag_1xqhb {
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
margin-right: var(--gap-xs);
|
|
31
|
-
} .intl-phone-
|
|
31
|
+
} .intl-phone-input__countryName_1xqhb {
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .intl-phone-
|
|
33
|
+
} .intl-phone-input__dialCode_1xqhb {
|
|
34
34
|
color: var(--text-secondary-color);
|
|
35
35
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1xpig */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #007aff;
|
|
@@ -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_1hh4x {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .intl-phone-
|
|
29
|
+
} .intl-phone-input__flagIconContainer_1hh4x {
|
|
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_1hh4x {
|
|
37
37
|
color: var(--color-light-graphic-secondary);
|
|
38
|
-
} .intl-phone-
|
|
38
|
+
} .intl-phone-input__disabled_1hh4x {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .intl-phone-
|
|
40
|
+
} .intl-phone-input__inner_1hh4x {
|
|
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_1hh4x .intl-phone-input__inner_1hh4x,
|
|
48
|
+
.intl-phone-input__xl_1hh4x .intl-phone-input__inner_1hh4x {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .intl-phone-
|
|
50
|
+
} .intl-phone-input__focusVisible_1hh4x {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-71b0e713";
|
package/cssm/component.js
CHANGED
|
@@ -258,7 +258,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
|
|
|
258
258
|
return;
|
|
259
259
|
}
|
|
260
260
|
var _b = inputRef.current, selectionStart = _b.selectionStart, selectionEnd = _b.selectionEnd;
|
|
261
|
-
var preparedNumber = utils_preparePasteData.preparePasteData(value, text, selectionStart || 0, selectionEnd || 0);
|
|
261
|
+
var preparedNumber = utils_preparePasteData.preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
|
|
262
262
|
var targetCountry = getCountryByNumber(preparedNumber);
|
|
263
263
|
var maxPhoneLength = (targetCountry && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[targetCountry.iso2.toUpperCase()])) || MAX_PHONE_LEN;
|
|
264
264
|
var resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
|
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
* @param phoneFromBuffer Текст номера телефона из буфера обмена.
|
|
5
5
|
* @param input Input в который осуществляется вставка.
|
|
6
6
|
*/
|
|
7
|
-
declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number): string;
|
|
7
|
+
declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number, ruNumberPriority?: boolean): string;
|
|
8
8
|
export { preparePasteData };
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @param phoneFromBuffer Текст номера телефона из буфера обмена.
|
|
7
7
|
* @param input Input в который осуществляется вставка.
|
|
8
8
|
*/
|
|
9
|
-
function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd) {
|
|
9
|
+
function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd, ruNumberPriority) {
|
|
10
10
|
var trimNuber = phoneFromBuffer.trim();
|
|
11
11
|
var cutNumberWithPlus = trimNuber.replace(/[^+\d]/g, '');
|
|
12
12
|
var isTextHavePlus = cutNumberWithPlus[0] === '+';
|
|
@@ -44,10 +44,14 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
|
|
|
44
44
|
}
|
|
45
45
|
else if (isRuNumberInBuffer) {
|
|
46
46
|
resultNumber = "+7".concat(cutNumber.substring(1));
|
|
47
|
-
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле
|
|
47
|
+
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле с российским флагом
|
|
48
48
|
}
|
|
49
|
-
else {
|
|
49
|
+
else if (ruNumberPriority) {
|
|
50
50
|
resultNumber = "+7".concat(cutNumber);
|
|
51
|
+
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле без российского флага
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
resultNumber = "+".concat(cutNumber);
|
|
51
55
|
}
|
|
52
56
|
}
|
|
53
57
|
return resultNumber;
|
|
File without changes
|
|
@@ -44,7 +44,7 @@ function __rest(s, e) {
|
|
|
44
44
|
return t;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
var styles = {"component":"intl-phone-
|
|
47
|
+
var styles = {"component":"intl-phone-input__component_1hh4x","flagIconContainer":"intl-phone-input__flagIconContainer_1hh4x","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1hh4x","disabled":"intl-phone-input__disabled_1hh4x","inner":"intl-phone-input__inner_1hh4x","l":"intl-phone-input__l_1hh4x","xl":"intl-phone-input__xl_1hh4x","focusVisible":"intl-phone-input__focusVisible_1hh4x"};
|
|
48
48
|
require('./components/select-field/index.css')
|
|
49
49
|
|
|
50
50
|
var EMPTY_COUNTRY_SELECT_FIELD = {
|
package/esm/component.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from './component-
|
|
1
|
+
import { _ as __rest, a as __assign } from './component-6caeb1fa.js';
|
|
2
2
|
import React, { forwardRef, useState, useRef, useEffect } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { InputAutocomplete } from '@alfalab/core-components-input-autocomplete/esm';
|
|
@@ -15,7 +15,7 @@ import { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
|
|
|
15
15
|
import './components/flag-icon/flagSprite.js';
|
|
16
16
|
import '@alfalab/core-components-select/esm';
|
|
17
17
|
|
|
18
|
-
var styles = {"addons":"intl-phone-
|
|
18
|
+
var styles = {"addons":"intl-phone-input__addons_1ji8e","l":"intl-phone-input__l_1ji8e","xl":"intl-phone-input__xl_1ji8e","flagIconWrapper":"intl-phone-input__flagIconWrapper_1ji8e","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1ji8e"};
|
|
19
19
|
require('./index.css')
|
|
20
20
|
|
|
21
21
|
var countriesHash = getCountriesHash();
|
|
@@ -248,7 +248,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
|
|
|
248
248
|
return;
|
|
249
249
|
}
|
|
250
250
|
var _b = inputRef.current, selectionStart = _b.selectionStart, selectionEnd = _b.selectionEnd;
|
|
251
|
-
var preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0);
|
|
251
|
+
var preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
|
|
252
252
|
var targetCountry = getCountryByNumber(preparedNumber);
|
|
253
253
|
var maxPhoneLength = (targetCountry && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[targetCountry.iso2.toUpperCase()])) || MAX_PHONE_LEN;
|
|
254
254
|
var resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
|
|
@@ -267,7 +267,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
|
|
|
267
267
|
if (phoneLibUtils.current)
|
|
268
268
|
return;
|
|
269
269
|
import(
|
|
270
|
-
/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-
|
|
270
|
+
/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-1a024b28.js')
|
|
271
271
|
.then(function (utils) {
|
|
272
272
|
phoneLibUtils.current = utils.AsYouType;
|
|
273
273
|
if (canBeEmptyCountry) {
|
|
@@ -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_1sqo4","flagPlaceholder":"intl-phone-input__flagPlaceholder_1sqo4"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: mzzu2 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
--gap-3xs: 2px;
|
|
18
18
|
} :root {
|
|
19
19
|
} :root {
|
|
20
|
-
} .intl-phone-
|
|
20
|
+
} .intl-phone-input__flagIcon_1sqo4 {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagPlaceholder_1sqo4 {
|
|
24
24
|
width: 24px;
|
|
25
25
|
height: 16px;
|
|
26
26
|
max-height: 16px;
|
package/esm/components/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-
|
|
1
|
+
export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-6caeb1fa.js';
|
|
2
2
|
export { FlagIcon } from './flag-icon/component.js';
|
|
3
3
|
export { CountriesSelect } from './select/component.js';
|
|
4
4
|
import 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-
|
|
1
|
+
import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-6caeb1fa.js';
|
|
2
2
|
import React, { useMemo, useCallback } from 'react';
|
|
3
3
|
import { VirtualOptionsList, Select } from '@alfalab/core-components-select/esm';
|
|
4
4
|
import { FlagIcon } from '../flag-icon/component.js';
|
|
@@ -8,7 +8,7 @@ import '@alfalab/hooks';
|
|
|
8
8
|
import '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
|
9
9
|
import '../flag-icon/flagSprite.js';
|
|
10
10
|
|
|
11
|
-
var styles = {"component":"intl-phone-
|
|
11
|
+
var styles = {"component":"intl-phone-input__component_1xqhb","option":"intl-phone-input__option_1xqhb","flag":"intl-phone-input__flag_1xqhb","countryName":"intl-phone-input__countryName_1xqhb","dialCode":"intl-phone-input__dialCode_1xqhb"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
var CountriesSelect = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: fo4h0 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
@@ -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_1xqhb {
|
|
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_1xqhb {
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
} .intl-phone-
|
|
28
|
+
} .intl-phone-input__flag_1xqhb {
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
margin-right: var(--gap-xs);
|
|
31
|
-
} .intl-phone-
|
|
31
|
+
} .intl-phone-input__countryName_1xqhb {
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .intl-phone-
|
|
33
|
+
} .intl-phone-input__dialCode_1xqhb {
|
|
34
34
|
color: var(--text-secondary-color);
|
|
35
35
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1xpig */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #007aff;
|
|
@@ -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_1hh4x {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .intl-phone-
|
|
29
|
+
} .intl-phone-input__flagIconContainer_1hh4x {
|
|
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_1hh4x {
|
|
37
37
|
color: var(--color-light-graphic-secondary);
|
|
38
|
-
} .intl-phone-
|
|
38
|
+
} .intl-phone-input__disabled_1hh4x {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .intl-phone-
|
|
40
|
+
} .intl-phone-input__inner_1hh4x {
|
|
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_1hh4x .intl-phone-input__inner_1hh4x,
|
|
48
|
+
.intl-phone-input__xl_1hh4x .intl-phone-input__inner_1hh4x {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .intl-phone-
|
|
50
|
+
} .intl-phone-input__focusVisible_1hh4x {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-6caeb1fa";
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 13i0c */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-graphic-secondary: #6d7986;
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
--gap-s: 12px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .intl-phone-
|
|
19
|
+
} .intl-phone-input__addons_1ji8e {
|
|
20
20
|
padding-left: 0;
|
|
21
|
-
} .intl-phone-
|
|
21
|
+
} .intl-phone-input__l_1ji8e .intl-phone-input__addons_1ji8e, .intl-phone-input__xl_1ji8e .intl-phone-input__addons_1ji8e {
|
|
22
22
|
padding-left: 0;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagIconWrapper_1ji8e {
|
|
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_1ji8e {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
package/esm/index.js
CHANGED
|
File without changes
|
|
File without changes
|
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
* @param phoneFromBuffer Текст номера телефона из буфера обмена.
|
|
5
5
|
* @param input Input в который осуществляется вставка.
|
|
6
6
|
*/
|
|
7
|
-
declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number): string;
|
|
7
|
+
declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number, ruNumberPriority?: boolean): string;
|
|
8
8
|
export { preparePasteData };
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @param phoneFromBuffer Текст номера телефона из буфера обмена.
|
|
5
5
|
* @param input Input в который осуществляется вставка.
|
|
6
6
|
*/
|
|
7
|
-
function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd) {
|
|
7
|
+
function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd, ruNumberPriority) {
|
|
8
8
|
var trimNuber = phoneFromBuffer.trim();
|
|
9
9
|
var cutNumberWithPlus = trimNuber.replace(/[^+\d]/g, '');
|
|
10
10
|
var isTextHavePlus = cutNumberWithPlus[0] === '+';
|
|
@@ -42,10 +42,14 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
|
|
|
42
42
|
}
|
|
43
43
|
else if (isRuNumberInBuffer) {
|
|
44
44
|
resultNumber = "+7".concat(cutNumber.substring(1));
|
|
45
|
-
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле
|
|
45
|
+
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле с российским флагом
|
|
46
46
|
}
|
|
47
|
-
else {
|
|
47
|
+
else if (ruNumberPriority) {
|
|
48
48
|
resultNumber = "+7".concat(cutNumber);
|
|
49
|
+
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле без российского флага
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
resultNumber = "+".concat(cutNumber);
|
|
49
53
|
}
|
|
50
54
|
}
|
|
51
55
|
return resultNumber;
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 13i0c */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-graphic-secondary: #6d7986;
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
--gap-s: 12px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .intl-phone-
|
|
19
|
+
} .intl-phone-input__addons_1ji8e {
|
|
20
20
|
padding-left: 0;
|
|
21
|
-
} .intl-phone-
|
|
21
|
+
} .intl-phone-input__l_1ji8e .intl-phone-input__addons_1ji8e, .intl-phone-input__xl_1ji8e .intl-phone-input__addons_1ji8e {
|
|
22
22
|
padding-left: 0;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagIconWrapper_1ji8e {
|
|
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_1ji8e {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
package/index.js
CHANGED
|
File without changes
|
|
File without changes
|
package/modern/component.js
CHANGED
|
@@ -15,7 +15,7 @@ import './components/flag-icon/flagSprite.js';
|
|
|
15
15
|
import '@alfalab/core-components-select/modern';
|
|
16
16
|
import './components/select-field/component.js';
|
|
17
17
|
|
|
18
|
-
const styles = {"addons":"intl-phone-
|
|
18
|
+
const styles = {"addons":"intl-phone-input__addons_1ji8e","l":"intl-phone-input__l_1ji8e","xl":"intl-phone-input__xl_1ji8e","flagIconWrapper":"intl-phone-input__flagIconWrapper_1ji8e","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1ji8e"};
|
|
19
19
|
require('./index.css')
|
|
20
20
|
|
|
21
21
|
const countriesHash = getCountriesHash();
|
|
@@ -244,7 +244,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
|
|
|
244
244
|
return;
|
|
245
245
|
}
|
|
246
246
|
const { selectionStart, selectionEnd } = inputRef.current;
|
|
247
|
-
const preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0);
|
|
247
|
+
const preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
|
|
248
248
|
const targetCountry = getCountryByNumber(preparedNumber);
|
|
249
249
|
const maxPhoneLength = (targetCountry && maxPhoneLen?.[targetCountry.iso2.toUpperCase()]) || MAX_PHONE_LEN;
|
|
250
250
|
const resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
|
|
@@ -263,7 +263,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
|
|
|
263
263
|
if (phoneLibUtils.current)
|
|
264
264
|
return;
|
|
265
265
|
import(
|
|
266
|
-
/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-
|
|
266
|
+
/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-1a024b28.js')
|
|
267
267
|
.then((utils) => {
|
|
268
268
|
phoneLibUtils.current = utils.AsYouType;
|
|
269
269
|
if (canBeEmptyCountry) {
|
|
@@ -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_1sqo4","flagPlaceholder":"intl-phone-input__flagPlaceholder_1sqo4"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: mzzu2 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
--gap-3xs: 2px;
|
|
18
18
|
} :root {
|
|
19
19
|
} :root {
|
|
20
|
-
} .intl-phone-
|
|
20
|
+
} .intl-phone-input__flagIcon_1sqo4 {
|
|
21
21
|
max-width: 24px;
|
|
22
22
|
max-height: 24px;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagPlaceholder_1sqo4 {
|
|
24
24
|
width: 24px;
|
|
25
25
|
height: 16px;
|
|
26
26
|
max-height: 16px;
|
|
@@ -8,7 +8,7 @@ import 'react-merge-refs';
|
|
|
8
8
|
import '@alfalab/hooks';
|
|
9
9
|
import '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
|
10
10
|
|
|
11
|
-
const styles = {"component":"intl-phone-
|
|
11
|
+
const styles = {"component":"intl-phone-input__component_1xqhb","option":"intl-phone-input__option_1xqhb","flag":"intl-phone-input__flag_1xqhb","countryName":"intl-phone-input__countryName_1xqhb","dialCode":"intl-phone-input__dialCode_1xqhb"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: fo4h0 */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
@@ -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_1xqhb {
|
|
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_1xqhb {
|
|
26
26
|
display: flex;
|
|
27
27
|
align-items: flex-start;
|
|
28
|
-
} .intl-phone-
|
|
28
|
+
} .intl-phone-input__flag_1xqhb {
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
margin-right: var(--gap-xs);
|
|
31
|
-
} .intl-phone-
|
|
31
|
+
} .intl-phone-input__countryName_1xqhb {
|
|
32
32
|
margin-right: var(--gap-xs);
|
|
33
|
-
} .intl-phone-
|
|
33
|
+
} .intl-phone-input__dialCode_1xqhb {
|
|
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_1hh4x","flagIconContainer":"intl-phone-input__flagIconContainer_1hh4x","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1hh4x","disabled":"intl-phone-input__disabled_1hh4x","inner":"intl-phone-input__inner_1hh4x","l":"intl-phone-input__l_1hh4x","xl":"intl-phone-input__xl_1hh4x","focusVisible":"intl-phone-input__focusVisible_1hh4x"};
|
|
10
10
|
require('./index.css')
|
|
11
11
|
|
|
12
12
|
const EMPTY_COUNTRY_SELECT_FIELD = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1xpig */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #007aff;
|
|
@@ -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_1hh4x {
|
|
25
25
|
height: 100%;
|
|
26
26
|
cursor: pointer;
|
|
27
27
|
outline: none;
|
|
28
28
|
position: relative;
|
|
29
|
-
} .intl-phone-
|
|
29
|
+
} .intl-phone-input__flagIconContainer_1hh4x {
|
|
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_1hh4x {
|
|
37
37
|
color: var(--color-light-graphic-secondary);
|
|
38
|
-
} .intl-phone-
|
|
38
|
+
} .intl-phone-input__disabled_1hh4x {
|
|
39
39
|
cursor: var(--disabled-cursor);
|
|
40
|
-
} .intl-phone-
|
|
40
|
+
} .intl-phone-input__inner_1hh4x {
|
|
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_1hh4x .intl-phone-input__inner_1hh4x,
|
|
48
|
+
.intl-phone-input__xl_1hh4x .intl-phone-input__inner_1hh4x {
|
|
49
49
|
padding-left: var(--gap-m);
|
|
50
|
-
} .intl-phone-
|
|
50
|
+
} .intl-phone-input__focusVisible_1hh4x {
|
|
51
51
|
outline: 2px solid var(--focus-color);
|
|
52
52
|
outline-offset: 2px;
|
|
53
53
|
}
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 13i0c */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-graphic-secondary: #6d7986;
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
--gap-s: 12px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .intl-phone-
|
|
19
|
+
} .intl-phone-input__addons_1ji8e {
|
|
20
20
|
padding-left: 0;
|
|
21
|
-
} .intl-phone-
|
|
21
|
+
} .intl-phone-input__l_1ji8e .intl-phone-input__addons_1ji8e, .intl-phone-input__xl_1ji8e .intl-phone-input__addons_1ji8e {
|
|
22
22
|
padding-left: 0;
|
|
23
|
-
} .intl-phone-
|
|
23
|
+
} .intl-phone-input__flagIconWrapper_1ji8e {
|
|
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_1ji8e {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
|
File without changes
|
|
File without changes
|
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
* @param phoneFromBuffer Текст номера телефона из буфера обмена.
|
|
5
5
|
* @param input Input в который осуществляется вставка.
|
|
6
6
|
*/
|
|
7
|
-
declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number): string;
|
|
7
|
+
declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number, ruNumberPriority?: boolean): string;
|
|
8
8
|
export { preparePasteData };
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @param phoneFromBuffer Текст номера телефона из буфера обмена.
|
|
5
5
|
* @param input Input в который осуществляется вставка.
|
|
6
6
|
*/
|
|
7
|
-
function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd) {
|
|
7
|
+
function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd, ruNumberPriority) {
|
|
8
8
|
const trimNuber = phoneFromBuffer.trim();
|
|
9
9
|
const cutNumberWithPlus = trimNuber.replace(/[^+\d]/g, '');
|
|
10
10
|
const isTextHavePlus = cutNumberWithPlus[0] === '+';
|
|
@@ -42,10 +42,14 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
|
|
|
42
42
|
}
|
|
43
43
|
else if (isRuNumberInBuffer) {
|
|
44
44
|
resultNumber = `+7${cutNumber.substring(1)}`;
|
|
45
|
-
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле
|
|
45
|
+
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле с российским флагом
|
|
46
46
|
}
|
|
47
|
-
else {
|
|
47
|
+
else if (ruNumberPriority) {
|
|
48
48
|
resultNumber = `+7${cutNumber}`;
|
|
49
|
+
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле без российского флага
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
resultNumber = `+${cutNumber}`;
|
|
49
53
|
}
|
|
50
54
|
}
|
|
51
55
|
return resultNumber;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-intl-phone-input",
|
|
3
|
-
"version": "9.2.
|
|
3
|
+
"version": "9.2.10",
|
|
4
4
|
"description": "Phone input for international phones",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@alfalab/core-components-input": "^11.1.
|
|
21
|
-
"@alfalab/core-components-input-autocomplete": "9.3.
|
|
22
|
-
"@alfalab/core-components-select": "^13.2.
|
|
20
|
+
"@alfalab/core-components-input": "^11.1.6",
|
|
21
|
+
"@alfalab/core-components-input-autocomplete": "9.3.8",
|
|
22
|
+
"@alfalab/core-components-select": "^13.2.11",
|
|
23
23
|
"@alfalab/hooks": "^1.4.1",
|
|
24
24
|
"@alfalab/utils": "^1.13.3",
|
|
25
25
|
"classnames": "^2.3.1",
|
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
* @param phoneFromBuffer Текст номера телефона из буфера обмена.
|
|
5
5
|
* @param input Input в который осуществляется вставка.
|
|
6
6
|
*/
|
|
7
|
-
declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number): string;
|
|
7
|
+
declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number, ruNumberPriority?: boolean): string;
|
|
8
8
|
export { preparePasteData };
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @param phoneFromBuffer Текст номера телефона из буфера обмена.
|
|
7
7
|
* @param input Input в который осуществляется вставка.
|
|
8
8
|
*/
|
|
9
|
-
function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd) {
|
|
9
|
+
function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd, ruNumberPriority) {
|
|
10
10
|
var trimNuber = phoneFromBuffer.trim();
|
|
11
11
|
var cutNumberWithPlus = trimNuber.replace(/[^+\d]/g, '');
|
|
12
12
|
var isTextHavePlus = cutNumberWithPlus[0] === '+';
|
|
@@ -44,10 +44,14 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
|
|
|
44
44
|
}
|
|
45
45
|
else if (isRuNumberInBuffer) {
|
|
46
46
|
resultNumber = "+7".concat(cutNumber.substring(1));
|
|
47
|
-
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле
|
|
47
|
+
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле с российским флагом
|
|
48
48
|
}
|
|
49
|
-
else {
|
|
49
|
+
else if (ruNumberPriority) {
|
|
50
50
|
resultNumber = "+7".concat(cutNumber);
|
|
51
|
+
// вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле без российского флага
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
resultNumber = "+".concat(cutNumber);
|
|
51
55
|
}
|
|
52
56
|
}
|
|
53
57
|
return resultNumber;
|