@alfalab/core-components-intl-phone-input 9.2.9 → 9.2.11

package/esm/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './component-4980ce1c.js';
+import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { InputAutocomplete } from '@alfalab/core-components-input-autocomplete/esm';
@@ -14,8 +14,9 @@ import { CountriesSelect } from './components/select/component.js';
 import { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
 import './components/flag-icon/flagSprite.js';
 import '@alfalab/core-components-select/esm';
+import './components/select-field/component.js';
 
-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"};
+var styles = {"addons":"intl-phone-input__addons_1acfj","l":"intl-phone-input__l_1acfj","xl":"intl-phone-input__xl_1acfj","flagIconWrapper":"intl-phone-input__flagIconWrapper_1acfj","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1acfj"};
 require('./index.css')
 
 var countriesHash = getCountriesHash();
@@ -248,7 +249,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
             return;
         }
         var _b = inputRef.current, selectionStart = _b.selectionStart, selectionEnd = _b.selectionEnd;
-        var preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0);
+        var preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
         var targetCountry = getCountryByNumber(preparedNumber);
         var maxPhoneLength = (targetCountry && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[targetCountry.iso2.toUpperCase()])) || MAX_PHONE_LEN;
         var resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
@@ -267,7 +268,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-cb857554.js')
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-1e9caa43.js')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

package/esm/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_1wq82","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wq82"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1ejpq","flagPlaceholder":"intl-phone-input__flagPlaceholder_1ejpq"};
 require('./index.css')
 
 /**

package/esm/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 14c85 */
+/* hash: zfmlt */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_1wq82 {
+} .intl-phone-input__flagIcon_1ejpq {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_1wq82 {
+} .intl-phone-input__flagPlaceholder_1ejpq {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/esm/components/index.js

@@ -1,6 +1,7 @@
-export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-4980ce1c.js';
+export { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from './select-field/component.js';
 export { FlagIcon } from './flag-icon/component.js';
 export { CountriesSelect } from './select/component.js';
+import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/esm/components/select/component.js

@@ -1,14 +1,15 @@
-import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-4980ce1c.js';
+import { __assign } from 'tslib';
 import React, { useMemo, useCallback } from 'react';
 import { VirtualOptionsList, Select } from '@alfalab/core-components-select/esm';
 import { FlagIcon } from '../flag-icon/component.js';
-import 'react-merge-refs';
+import { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from '../select-field/component.js';
 import 'classnames';
+import '../flag-icon/flagSprite.js';
+import 'react-merge-refs';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../flag-icon/flagSprite.js';
 
-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"};
+var styles = {"component":"intl-phone-input__component_1i24a","option":"intl-phone-input__option_1i24a","flag":"intl-phone-input__flag_1i24a","countryName":"intl-phone-input__countryName_1i24a","dialCode":"intl-phone-input__dialCode_1i24a"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {

package/esm/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1j1aw */
+/* hash: djruy */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -17,19 +17,19 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .intl-phone-input__component_jayli {
+} .intl-phone-input__component_1i24a {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_jayli {
+} .intl-phone-input__option_1i24a {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_jayli {
+} .intl-phone-input__flag_1i24a {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_jayli {
+} .intl-phone-input__countryName_1i24a {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_jayli {
+} .intl-phone-input__dialCode_1i24a {
     color: var(--text-secondary-color);
 }

package/esm/components/select/index.js

@@ -1,10 +1,11 @@
 export { CountriesSelect } from './component.js';
-import '../../component-4980ce1c.js';
+import 'tslib';
 import 'react';
-import 'react-merge-refs';
+import '@alfalab/core-components-select/esm';
+import '../flag-icon/component.js';
 import 'classnames';
+import '../flag-icon/flagSprite.js';
+import '../select-field/component.js';
+import 'react-merge-refs';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../flag-icon/component.js';
-import '../flag-icon/flagSprite.js';
-import '@alfalab/core-components-select/esm';

package/esm/components/select-field/component.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FieldProps } from "@alfalab/core-components-select";
+declare const EMPTY_COUNTRY_SELECT_FIELD: {
+    value: string;
+    key: string;
+};
+declare const SelectField: FC<FieldProps>;
+export { EMPTY_COUNTRY_SELECT_FIELD, SelectField };

package/esm/components/select-field/component.js

@@ -1,8 +1,32 @@
-export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-4980ce1c.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../flag-icon/component.js';
+import { __assign } from 'tslib';
+import React, { useRef } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { useFocus } from '@alfalab/hooks';
+import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
+
+var styles = {"component":"intl-phone-input__component_11kms","flagIconContainer":"intl-phone-input__flagIconContainer_11kms","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_11kms","disabled":"intl-phone-input__disabled_11kms","inner":"intl-phone-input__inner_11kms","l":"intl-phone-input__l_11kms","xl":"intl-phone-input__xl_11kms","focusVisible":"intl-phone-input__focusVisible_11kms"};
+require('./index.css')
+
+var EMPTY_COUNTRY_SELECT_FIELD = {
+    value: 'EMPTY_COUNTRY_SELECT_VALUE',
+    key: 'EMPTY_COUNTRY_SELECT_KEY',
+};
+var SelectField = function (_a) {
+    var _b;
+    var selected = _a.selected, Arrow = _a.Arrow, size = _a.size, disabled = _a.disabled, _c = _a.innerProps, innerProps = _c === void 0 ? {} : _c;
+    var wrapperRef = useRef(null);
+    var focusVisible = useFocus(wrapperRef, 'keyboard')[0];
+    var ref = innerProps.ref ? mergeRefs([innerProps.ref, wrapperRef]) : wrapperRef;
+    return (React.createElement("div", { ref: ref, className: cn(styles.component, size && styles[size], (_b = {},
+            _b[styles.focusVisible] = focusVisible,
+            _b[styles.disabled] = disabled,
+            _b)) },
+        React.createElement("div", __assign({}, innerProps, { className: styles.inner }),
+            React.createElement("span", { className: styles.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React.createElement(WorldMagnifierMIcon, { className: styles.emptyCountryIcon })) : (React.createElement(FlagIcon, { country: selected.value }))),
+            Arrow)));
+};
+
+export { EMPTY_COUNTRY_SELECT_FIELD, SelectField };

package/esm/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: ctxx0 */
+/* hash: dzeop */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #007aff;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_1aog5 {
+} .intl-phone-input__component_11kms {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_1aog5 {
+} .intl-phone-input__flagIconContainer_11kms {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_1aog5 {
+} .intl-phone-input__emptyCountryIcon_11kms {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_1aog5 {
+} .intl-phone-input__disabled_11kms {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_1aog5 {
+} .intl-phone-input__inner_11kms {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_1aog5 .intl-phone-input__inner_1aog5,
-.intl-phone-input__xl_1aog5 .intl-phone-input__inner_1aog5 {
+} .intl-phone-input__l_11kms .intl-phone-input__inner_11kms,
+.intl-phone-input__xl_11kms .intl-phone-input__inner_11kms {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_1aog5 {
+} .intl-phone-input__focusVisible_11kms {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4980ce1c";
+export * from "./component";

package/esm/components/select-field/index.js

@@ -1,4 +1,5 @@
-export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-4980ce1c.js';
+export { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from './component.js';
+import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ku8o */
+/* hash: 16dov */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-secondary: #6d7986;
@@ -16,17 +16,17 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .intl-phone-input__addons_vt4ry {
+} .intl-phone-input__addons_1acfj {
     padding-left: 0;
-} .intl-phone-input__l_vt4ry .intl-phone-input__addons_vt4ry, .intl-phone-input__xl_vt4ry .intl-phone-input__addons_vt4ry {
+} .intl-phone-input__l_1acfj .intl-phone-input__addons_1acfj, .intl-phone-input__xl_1acfj .intl-phone-input__addons_1acfj {
         padding-left: 0;
-    } .intl-phone-input__flagIconWrapper_vt4ry {
+    } .intl-phone-input__flagIconWrapper_1acfj {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .intl-phone-input__emptyCountryIcon_vt4ry {
+} .intl-phone-input__emptyCountryIcon_1acfj {
     color: var(--color-light-graphic-secondary);
 }

package/esm/index.js

@@ -1,17 +1,18 @@
 export { IntlPhoneInput } from './component.js';
-import './component-4980ce1c.js';
+import 'tslib';
 import 'react';
-import 'react-merge-refs';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import './components/flag-icon/component.js';
-import './components/flag-icon/flagSprite.js';
 import '@alfalab/core-components-input-autocomplete/esm';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import '@alfalab/utils';
 import './utils/calculateCaretPos.js';
 import './utils/format-phone-with-unclearable-country-code.js';
 import './utils/preparePasteData.js';
+import 'react-merge-refs';
+import '@alfalab/hooks';
+import './components/flag-icon/component.js';
+import './components/flag-icon/flagSprite.js';
 import './components/select/component.js';
 import '@alfalab/core-components-select/esm';
+import './components/select-field/component.js';
 import './useCaretAvoidCountryCode.js';

package/esm/utils/preparePasteData.d.ts

@@ -4,5 +4,5 @@
  * @param phoneFromBuffer Текст номера телефона из буфера обмена.
  * @param input Input в который осуществляется вставка.
  */
-declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number): string;
+declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number, ruNumberPriority?: boolean): string;
 export { preparePasteData };

package/esm/utils/preparePasteData.js

@@ -4,7 +4,7 @@
  * @param phoneFromBuffer Текст номера телефона из буфера обмена.
  * @param input Input в который осуществляется вставка.
  */
-function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd) {
+function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd, ruNumberPriority) {
     var trimNuber = phoneFromBuffer.trim();
     var cutNumberWithPlus = trimNuber.replace(/[^+\d]/g, '');
     var isTextHavePlus = cutNumberWithPlus[0] === '+';
@@ -42,10 +42,14 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
         }
         else if (isRuNumberInBuffer) {
             resultNumber = "+7".concat(cutNumber.substring(1));
-            // вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле
+            // вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле с российским флагом
         }
-        else {
+        else if (ruNumberPriority) {
             resultNumber = "+7".concat(cutNumber);
+            // вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле без российского флага
+        }
+        else {
+            resultNumber = "+".concat(cutNumber);
         }
     }
     return resultNumber;

package/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ku8o */
+/* hash: 16dov */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-secondary: #6d7986;
@@ -16,17 +16,17 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .intl-phone-input__addons_vt4ry {
+} .intl-phone-input__addons_1acfj {
     padding-left: 0;
-} .intl-phone-input__l_vt4ry .intl-phone-input__addons_vt4ry, .intl-phone-input__xl_vt4ry .intl-phone-input__addons_vt4ry {
+} .intl-phone-input__l_1acfj .intl-phone-input__addons_1acfj, .intl-phone-input__xl_1acfj .intl-phone-input__addons_1acfj {
         padding-left: 0;
-    } .intl-phone-input__flagIconWrapper_vt4ry {
+    } .intl-phone-input__flagIconWrapper_1acfj {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .intl-phone-input__emptyCountryIcon_vt4ry {
+} .intl-phone-input__emptyCountryIcon_1acfj {
     color: var(--color-light-graphic-secondary);
 }

package/index.js

@@ -1,21 +1,22 @@
 'use strict';
 
 var component = require('./component.js');
-require('./component-1f1cb3eb.js');
+require('tslib');
 require('react');
-require('react-merge-refs');
 require('classnames');
-require('@alfalab/hooks');
-require('@alfalab/icons-glyph/WorldMagnifierMIcon');
-require('./components/flag-icon/component.js');
-require('./components/flag-icon/flagSprite.js');
 require('@alfalab/core-components-input-autocomplete');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('@alfalab/utils');
 require('./utils/calculateCaretPos.js');
 require('./utils/format-phone-with-unclearable-country-code.js');
 require('./utils/preparePasteData.js');
+require('react-merge-refs');
+require('@alfalab/hooks');
+require('./components/flag-icon/component.js');
+require('./components/flag-icon/flagSprite.js');
 require('./components/select/component.js');
 require('@alfalab/core-components-select');
+require('./components/select-field/component.js');
 require('./useCaretAvoidCountryCode.js');
 
 

package/modern/component.js

@@ -15,7 +15,7 @@ import './components/flag-icon/flagSprite.js';
 import '@alfalab/core-components-select/modern';
 import './components/select-field/component.js';
 
-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"};
+const styles = {"addons":"intl-phone-input__addons_1acfj","l":"intl-phone-input__l_1acfj","xl":"intl-phone-input__xl_1acfj","flagIconWrapper":"intl-phone-input__flagIconWrapper_1acfj","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1acfj"};
 require('./index.css')
 
 const countriesHash = getCountriesHash();
@@ -244,7 +244,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
             return;
         }
         const { selectionStart, selectionEnd } = inputRef.current;
-        const preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0);
+        const preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
         const targetCountry = getCountryByNumber(preparedNumber);
         const maxPhoneLength = (targetCountry && maxPhoneLen?.[targetCountry.iso2.toUpperCase()]) || MAX_PHONE_LEN;
         const resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
@@ -263,7 +263,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
         if (phoneLibUtils.current)
             return;
         import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-cb857554.js')
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-1e9caa43.js')
             .then((utils) => {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

package/modern/components/flag-icon/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-const styles = {"flagIcon":"intl-phone-input__flagIcon_1wq82","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wq82"};
+const styles = {"flagIcon":"intl-phone-input__flagIcon_1ejpq","flagPlaceholder":"intl-phone-input__flagPlaceholder_1ejpq"};
 require('./index.css')
 
 /**

package/modern/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 14c85 */
+/* hash: zfmlt */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .intl-phone-input__flagIcon_1wq82 {
+} .intl-phone-input__flagIcon_1ejpq {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_1wq82 {
+} .intl-phone-input__flagPlaceholder_1ejpq {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/modern/components/select/component.js

@@ -8,7 +8,7 @@ import 'react-merge-refs';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 
-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"};
+const styles = {"component":"intl-phone-input__component_1i24a","option":"intl-phone-input__option_1i24a","flag":"intl-phone-input__flag_1i24a","countryName":"intl-phone-input__countryName_1i24a","dialCode":"intl-phone-input__dialCode_1i24a"};
 require('./index.css')
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */

package/modern/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1j1aw */
+/* hash: djruy */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -17,19 +17,19 @@
 } :root {
 } :root {
     --text-secondary-color: var(--color-light-text-secondary);
-} .intl-phone-input__component_jayli {
+} .intl-phone-input__component_1i24a {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_jayli {
+} .intl-phone-input__option_1i24a {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_jayli {
+} .intl-phone-input__flag_1i24a {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .intl-phone-input__countryName_jayli {
+} .intl-phone-input__countryName_1i24a {
     margin-right: var(--gap-xs);
-} .intl-phone-input__dialCode_jayli {
+} .intl-phone-input__dialCode_1i24a {
     color: var(--text-secondary-color);
 }

package/modern/components/select-field/component.js

@@ -6,7 +6,7 @@ import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 
-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"};
+const styles = {"component":"intl-phone-input__component_11kms","flagIconContainer":"intl-phone-input__flagIconContainer_11kms","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_11kms","disabled":"intl-phone-input__disabled_11kms","inner":"intl-phone-input__inner_11kms","l":"intl-phone-input__l_11kms","xl":"intl-phone-input__xl_11kms","focusVisible":"intl-phone-input__focusVisible_11kms"};
 require('./index.css')
 
 const EMPTY_COUNTRY_SELECT_FIELD = {

package/modern/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: ctxx0 */
+/* hash: dzeop */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #007aff;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_1aog5 {
+} .intl-phone-input__component_11kms {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_1aog5 {
+} .intl-phone-input__flagIconContainer_11kms {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .intl-phone-input__emptyCountryIcon_1aog5 {
+} .intl-phone-input__emptyCountryIcon_11kms {
     color: var(--color-light-graphic-secondary);
-} .intl-phone-input__disabled_1aog5 {
+} .intl-phone-input__disabled_11kms {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_1aog5 {
+} .intl-phone-input__inner_11kms {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .intl-phone-input__l_1aog5 .intl-phone-input__inner_1aog5,
-.intl-phone-input__xl_1aog5 .intl-phone-input__inner_1aog5 {
+} .intl-phone-input__l_11kms .intl-phone-input__inner_11kms,
+.intl-phone-input__xl_11kms .intl-phone-input__inner_11kms {
     padding-left: var(--gap-m);
-} .intl-phone-input__focusVisible_1aog5 {
+} .intl-phone-input__focusVisible_11kms {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ku8o */
+/* hash: 16dov */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-secondary: #6d7986;
@@ -16,17 +16,17 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .intl-phone-input__addons_vt4ry {
+} .intl-phone-input__addons_1acfj {
     padding-left: 0;
-} .intl-phone-input__l_vt4ry .intl-phone-input__addons_vt4ry, .intl-phone-input__xl_vt4ry .intl-phone-input__addons_vt4ry {
+} .intl-phone-input__l_1acfj .intl-phone-input__addons_1acfj, .intl-phone-input__xl_1acfj .intl-phone-input__addons_1acfj {
         padding-left: 0;
-    } .intl-phone-input__flagIconWrapper_vt4ry {
+    } .intl-phone-input__flagIconWrapper_1acfj {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .intl-phone-input__emptyCountryIcon_vt4ry {
+} .intl-phone-input__emptyCountryIcon_1acfj {
     color: var(--color-light-graphic-secondary);
 }

package/modern/utils/preparePasteData.d.ts

@@ -4,5 +4,5 @@
  * @param phoneFromBuffer Текст номера телефона из буфера обмена.
  * @param input Input в который осуществляется вставка.
  */
-declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number): string;
+declare function preparePasteData(phoneValue: string, phoneFromBuffer: string, selectionStart?: number, selectionEnd?: number, ruNumberPriority?: boolean): string;
 export { preparePasteData };