@alfalab/core-components-intl-phone-input 9.2.9 → 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.
Files changed (54) hide show
  1. package/{component-1f1cb3eb.d.ts → component-71b0e713.d.ts} +0 -0
  2. package/{component-1f1cb3eb.js → component-71b0e713.js} +1 -1
  3. package/component.js +4 -4
  4. package/components/flag-icon/component.js +1 -1
  5. package/components/flag-icon/index.css +3 -3
  6. package/components/index.js +1 -1
  7. package/components/select/component.js +2 -2
  8. package/components/select/index.css +6 -6
  9. package/components/select/index.js +1 -1
  10. package/components/select-field/component.js +1 -1
  11. package/components/select-field/index.css +9 -9
  12. package/components/select-field/index.d.ts +1 -1
  13. package/components/select-field/index.js +1 -1
  14. package/cssm/component.js +1 -1
  15. package/cssm/utils/preparePasteData.d.ts +1 -1
  16. package/cssm/utils/preparePasteData.js +7 -3
  17. package/esm/{component-4980ce1c.d.ts → component-6caeb1fa.d.ts} +0 -0
  18. package/esm/{component-4980ce1c.js → component-6caeb1fa.js} +1 -1
  19. package/esm/component.js +4 -4
  20. package/esm/components/flag-icon/component.js +1 -1
  21. package/esm/components/flag-icon/index.css +3 -3
  22. package/esm/components/index.js +1 -1
  23. package/esm/components/select/component.js +2 -2
  24. package/esm/components/select/index.css +6 -6
  25. package/esm/components/select/index.js +1 -1
  26. package/esm/components/select-field/component.js +1 -1
  27. package/esm/components/select-field/index.css +9 -9
  28. package/esm/components/select-field/index.d.ts +1 -1
  29. package/esm/components/select-field/index.js +1 -1
  30. package/esm/index.css +5 -5
  31. package/esm/index.js +1 -1
  32. package/esm/{libphonenumber-js.min-cb857554.d.ts → libphonenumber-js.min-1a024b28.d.ts} +0 -0
  33. package/esm/{libphonenumber-js.min-cb857554.js → libphonenumber-js.min-1a024b28.js} +0 -0
  34. package/esm/utils/preparePasteData.d.ts +1 -1
  35. package/esm/utils/preparePasteData.js +7 -3
  36. package/index.css +5 -5
  37. package/index.js +1 -1
  38. package/{libphonenumber-js.min-4def49d7.d.ts → libphonenumber-js.min-18e8de8a.d.ts} +0 -0
  39. package/{libphonenumber-js.min-4def49d7.js → libphonenumber-js.min-18e8de8a.js} +0 -0
  40. package/modern/component.js +3 -3
  41. package/modern/components/flag-icon/component.js +1 -1
  42. package/modern/components/flag-icon/index.css +3 -3
  43. package/modern/components/select/component.js +1 -1
  44. package/modern/components/select/index.css +6 -6
  45. package/modern/components/select-field/component.js +1 -1
  46. package/modern/components/select-field/index.css +9 -9
  47. package/modern/index.css +5 -5
  48. package/modern/{libphonenumber-js.min-cb857554.d.ts → libphonenumber-js.min-1a024b28.d.ts} +0 -0
  49. package/modern/{libphonenumber-js.min-cb857554.js → libphonenumber-js.min-1a024b28.js} +0 -0
  50. package/modern/utils/preparePasteData.d.ts +1 -1
  51. package/modern/utils/preparePasteData.js +7 -3
  52. package/package.json +4 -4
  53. package/utils/preparePasteData.d.ts +1 -1
  54. package/utils/preparePasteData.js +7 -3
@@ -53,7 +53,7 @@ function __rest(s, e) {
53
53
  return t;
54
54
  }
55
55
 
56
- var styles = {"component":"intl-phone-input__component_1aog5","flagIconContainer":"intl-phone-input__flagIconContainer_1aog5","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1aog5","disabled":"intl-phone-input__disabled_1aog5","inner":"intl-phone-input__inner_1aog5","l":"intl-phone-input__l_1aog5","xl":"intl-phone-input__xl_1aog5","focusVisible":"intl-phone-input__focusVisible_1aog5"};
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-1f1cb3eb.js');
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-input__addons_vt4ry","l":"intl-phone-input__l_vt4ry","xl":"intl-phone-input__xl_vt4ry","flagIconWrapper":"intl-phone-input__flagIconWrapper_vt4ry","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_vt4ry"};
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-4def49d7.js'); })
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-input__flagIcon_1wq82","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wq82"};
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: 14c85 */
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-input__flagIcon_1wq82 {
20
+ } .intl-phone-input__flagIcon_1sqo4 {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .intl-phone-input__flagPlaceholder_1wq82 {
23
+ } .intl-phone-input__flagPlaceholder_1sqo4 {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_selectField_component = require('../component-1f1cb3eb.js');
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-1f1cb3eb.js');
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-input__component_jayli","option":"intl-phone-input__option_jayli","flag":"intl-phone-input__flag_jayli","countryName":"intl-phone-input__countryName_jayli","dialCode":"intl-phone-input__dialCode_jayli"};
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: 1j1aw */
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-input__component_jayli {
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-input__option_jayli {
25
+ } .intl-phone-input__option_1xqhb {
26
26
  display: flex;
27
27
  align-items: flex-start;
28
- } .intl-phone-input__flag_jayli {
28
+ } .intl-phone-input__flag_1xqhb {
29
29
  flex-shrink: 0;
30
30
  margin-right: var(--gap-xs);
31
- } .intl-phone-input__countryName_jayli {
31
+ } .intl-phone-input__countryName_1xqhb {
32
32
  margin-right: var(--gap-xs);
33
- } .intl-phone-input__dialCode_jayli {
33
+ } .intl-phone-input__dialCode_1xqhb {
34
34
  color: var(--text-secondary-color);
35
35
  }
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var components_select_component = require('./component.js');
4
- require('../../component-1f1cb3eb.js');
4
+ require('../../component-71b0e713.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_selectField_component = require('../../component-1f1cb3eb.js');
3
+ var components_selectField_component = require('../../component-71b0e713.js');
4
4
  require('react');
5
5
  require('react-merge-refs');
6
6
  require('classnames');
@@ -1,4 +1,4 @@
1
- /* hash: ctxx0 */
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-input__component_1aog5 {
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-input__flagIconContainer_1aog5 {
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-input__emptyCountryIcon_1aog5 {
36
+ } .intl-phone-input__emptyCountryIcon_1hh4x {
37
37
  color: var(--color-light-graphic-secondary);
38
- } .intl-phone-input__disabled_1aog5 {
38
+ } .intl-phone-input__disabled_1hh4x {
39
39
  cursor: var(--disabled-cursor);
40
- } .intl-phone-input__inner_1aog5 {
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-input__l_1aog5 .intl-phone-input__inner_1aog5,
48
- .intl-phone-input__xl_1aog5 .intl-phone-input__inner_1aog5 {
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-input__focusVisible_1aog5 {
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-1f1cb3eb";
1
+ export * from "../../component-71b0e713";
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_selectField_component = require('../../component-1f1cb3eb.js');
3
+ var components_selectField_component = require('../../component-71b0e713.js');
4
4
  require('react');
5
5
  require('react-merge-refs');
6
6
  require('classnames');
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;
@@ -44,7 +44,7 @@ function __rest(s, e) {
44
44
  return t;
45
45
  }
46
46
 
47
- var styles = {"component":"intl-phone-input__component_1aog5","flagIconContainer":"intl-phone-input__flagIconContainer_1aog5","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1aog5","disabled":"intl-phone-input__disabled_1aog5","inner":"intl-phone-input__inner_1aog5","l":"intl-phone-input__l_1aog5","xl":"intl-phone-input__xl_1aog5","focusVisible":"intl-phone-input__focusVisible_1aog5"};
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-4980ce1c.js';
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-input__addons_vt4ry","l":"intl-phone-input__l_vt4ry","xl":"intl-phone-input__xl_vt4ry","flagIconWrapper":"intl-phone-input__flagIconWrapper_vt4ry","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_vt4ry"};
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-cb857554.js')
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-input__flagIcon_1wq82","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wq82"};
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: 14c85 */
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-input__flagIcon_1wq82 {
20
+ } .intl-phone-input__flagIcon_1sqo4 {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .intl-phone-input__flagPlaceholder_1wq82 {
23
+ } .intl-phone-input__flagPlaceholder_1sqo4 {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
@@ -1,4 +1,4 @@
1
- export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-4980ce1c.js';
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-4980ce1c.js';
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-input__component_jayli","option":"intl-phone-input__option_jayli","flag":"intl-phone-input__flag_jayli","countryName":"intl-phone-input__countryName_jayli","dialCode":"intl-phone-input__dialCode_jayli"};
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: 1j1aw */
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-input__component_jayli {
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-input__option_jayli {
25
+ } .intl-phone-input__option_1xqhb {
26
26
  display: flex;
27
27
  align-items: flex-start;
28
- } .intl-phone-input__flag_jayli {
28
+ } .intl-phone-input__flag_1xqhb {
29
29
  flex-shrink: 0;
30
30
  margin-right: var(--gap-xs);
31
- } .intl-phone-input__countryName_jayli {
31
+ } .intl-phone-input__countryName_1xqhb {
32
32
  margin-right: var(--gap-xs);
33
- } .intl-phone-input__dialCode_jayli {
33
+ } .intl-phone-input__dialCode_1xqhb {
34
34
  color: var(--text-secondary-color);
35
35
  }
@@ -1,5 +1,5 @@
1
1
  export { CountriesSelect } from './component.js';
2
- import '../../component-4980ce1c.js';
2
+ import '../../component-6caeb1fa.js';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
@@ -1,4 +1,4 @@
1
- export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-4980ce1c.js';
1
+ export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-6caeb1fa.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
@@ -1,4 +1,4 @@
1
- /* hash: ctxx0 */
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-input__component_1aog5 {
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-input__flagIconContainer_1aog5 {
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-input__emptyCountryIcon_1aog5 {
36
+ } .intl-phone-input__emptyCountryIcon_1hh4x {
37
37
  color: var(--color-light-graphic-secondary);
38
- } .intl-phone-input__disabled_1aog5 {
38
+ } .intl-phone-input__disabled_1hh4x {
39
39
  cursor: var(--disabled-cursor);
40
- } .intl-phone-input__inner_1aog5 {
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-input__l_1aog5 .intl-phone-input__inner_1aog5,
48
- .intl-phone-input__xl_1aog5 .intl-phone-input__inner_1aog5 {
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-input__focusVisible_1aog5 {
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-4980ce1c";
1
+ export * from "../../component-6caeb1fa";
@@ -1,4 +1,4 @@
1
- export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-4980ce1c.js';
1
+ export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-6caeb1fa.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ku8o */
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-input__addons_vt4ry {
19
+ } .intl-phone-input__addons_1ji8e {
20
20
  padding-left: 0;
21
- } .intl-phone-input__l_vt4ry .intl-phone-input__addons_vt4ry, .intl-phone-input__xl_vt4ry .intl-phone-input__addons_vt4ry {
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-input__flagIconWrapper_vt4ry {
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-input__emptyCountryIcon_vt4ry {
30
+ } .intl-phone-input__emptyCountryIcon_1ji8e {
31
31
  color: var(--color-light-graphic-secondary);
32
32
  }
package/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { IntlPhoneInput } from './component.js';
2
- import './component-4980ce1c.js';
2
+ import './component-6caeb1fa.js';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
@@ -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: 1ku8o */
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-input__addons_vt4ry {
19
+ } .intl-phone-input__addons_1ji8e {
20
20
  padding-left: 0;
21
- } .intl-phone-input__l_vt4ry .intl-phone-input__addons_vt4ry, .intl-phone-input__xl_vt4ry .intl-phone-input__addons_vt4ry {
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-input__flagIconWrapper_vt4ry {
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-input__emptyCountryIcon_vt4ry {
30
+ } .intl-phone-input__emptyCountryIcon_1ji8e {
31
31
  color: var(--color-light-graphic-secondary);
32
32
  }
package/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var component = require('./component.js');
4
- require('./component-1f1cb3eb.js');
4
+ require('./component-71b0e713.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
@@ -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-input__addons_vt4ry","l":"intl-phone-input__l_vt4ry","xl":"intl-phone-input__xl_vt4ry","flagIconWrapper":"intl-phone-input__flagIconWrapper_vt4ry","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_vt4ry"};
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-cb857554.js')
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-input__flagIcon_1wq82","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wq82"};
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: 14c85 */
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-input__flagIcon_1wq82 {
20
+ } .intl-phone-input__flagIcon_1sqo4 {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .intl-phone-input__flagPlaceholder_1wq82 {
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-input__component_jayli","option":"intl-phone-input__option_jayli","flag":"intl-phone-input__flag_jayli","countryName":"intl-phone-input__countryName_jayli","dialCode":"intl-phone-input__dialCode_jayli"};
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: 1j1aw */
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-input__component_jayli {
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-input__option_jayli {
25
+ } .intl-phone-input__option_1xqhb {
26
26
  display: flex;
27
27
  align-items: flex-start;
28
- } .intl-phone-input__flag_jayli {
28
+ } .intl-phone-input__flag_1xqhb {
29
29
  flex-shrink: 0;
30
30
  margin-right: var(--gap-xs);
31
- } .intl-phone-input__countryName_jayli {
31
+ } .intl-phone-input__countryName_1xqhb {
32
32
  margin-right: var(--gap-xs);
33
- } .intl-phone-input__dialCode_jayli {
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-input__component_1aog5","flagIconContainer":"intl-phone-input__flagIconContainer_1aog5","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1aog5","disabled":"intl-phone-input__disabled_1aog5","inner":"intl-phone-input__inner_1aog5","l":"intl-phone-input__l_1aog5","xl":"intl-phone-input__xl_1aog5","focusVisible":"intl-phone-input__focusVisible_1aog5"};
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: ctxx0 */
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-input__component_1aog5 {
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-input__flagIconContainer_1aog5 {
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-input__emptyCountryIcon_1aog5 {
36
+ } .intl-phone-input__emptyCountryIcon_1hh4x {
37
37
  color: var(--color-light-graphic-secondary);
38
- } .intl-phone-input__disabled_1aog5 {
38
+ } .intl-phone-input__disabled_1hh4x {
39
39
  cursor: var(--disabled-cursor);
40
- } .intl-phone-input__inner_1aog5 {
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-input__l_1aog5 .intl-phone-input__inner_1aog5,
48
- .intl-phone-input__xl_1aog5 .intl-phone-input__inner_1aog5 {
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-input__focusVisible_1aog5 {
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: 1ku8o */
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-input__addons_vt4ry {
19
+ } .intl-phone-input__addons_1ji8e {
20
20
  padding-left: 0;
21
- } .intl-phone-input__l_vt4ry .intl-phone-input__addons_vt4ry, .intl-phone-input__xl_vt4ry .intl-phone-input__addons_vt4ry {
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-input__flagIconWrapper_vt4ry {
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-input__emptyCountryIcon_vt4ry {
30
+ } .intl-phone-input__emptyCountryIcon_1ji8e {
31
31
  color: var(--color-light-graphic-secondary);
32
32
  }
@@ -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.9",
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.5",
21
- "@alfalab/core-components-input-autocomplete": "9.3.7",
22
- "@alfalab/core-components-select": "^13.2.10",
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;