@alfalab/core-components-intl-phone-input 9.2.0 → 9.2.1

package/modern/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 3jm6f */
+/* hash: y6xme */
 :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
@@ -16,23 +16,23 @@
 :root {
     --text-secondary-color: var(--color-light-text-secondary);
 }
-.intl-phone-input__component_1hlhb {
+.intl-phone-input__component_fjoop {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_1hlhb {
+.intl-phone-input__option_fjoop {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_1hlhb {
+.intl-phone-input__flag_fjoop {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_1hlhb {
+.intl-phone-input__countryName_fjoop {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_1hlhb {
+.intl-phone-input__dialCode_fjoop {
     color: var(--text-secondary-color);
 }

package/modern/components/select/index.js

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

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

@@ -1,12 +1,12 @@
 import React, { useRef } from 'react';
-import cn from 'classnames';
-import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
-import '../flag-icon/flagSprite.js';
+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_1xm4x","flagIconContainer":"intl-phone-input__flagIconContainer_1xm4x","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1xm4x","disabled":"intl-phone-input__disabled_1xm4x","inner":"intl-phone-input__inner_1xm4x","l":"intl-phone-input__l_1xm4x","xl":"intl-phone-input__xl_1xm4x","focusVisible":"intl-phone-input__focusVisible_1xm4x"};
+const styles = {"component":"intl-phone-input__component_10mti","flagIconContainer":"intl-phone-input__flagIconContainer_10mti","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_10mti","disabled":"intl-phone-input__disabled_10mti","inner":"intl-phone-input__inner_10mti","l":"intl-phone-input__l_10mti","xl":"intl-phone-input__xl_10mti","focusVisible":"intl-phone-input__focusVisible_10mti"};
 require('./index.css')
 
 const EMPTY_COUNTRY_SELECT_FIELD = {

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

@@ -1,4 +1,4 @@
-/* hash: 1sbmn */
+/* hash: xob7f */
 :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-secondary: #6d7986;
@@ -20,13 +20,13 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.intl-phone-input__component_1xm4x {
+.intl-phone-input__component_10mti {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_1xm4x {
+.intl-phone-input__flagIconContainer_10mti {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -34,13 +34,13 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__emptyCountryIcon_1xm4x {
+.intl-phone-input__emptyCountryIcon_10mti {
     color: var(--color-light-graphic-secondary);
 }
-.intl-phone-input__disabled_1xm4x {
+.intl-phone-input__disabled_10mti {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_1xm4x {
+.intl-phone-input__inner_10mti {
     position: relative;
     display: flex;
     align-items: center;
@@ -48,11 +48,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_1xm4x .intl-phone-input__inner_1xm4x,
-.intl-phone-input__xl_1xm4x .intl-phone-input__inner_1xm4x {
+.intl-phone-input__l_10mti .intl-phone-input__inner_10mti,
+.intl-phone-input__xl_10mti .intl-phone-input__inner_10mti {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_1xm4x {
+.intl-phone-input__focusVisible_10mti {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -1,8 +1,8 @@
+export { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from './component.js';
 import 'react';
-import 'classnames';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import 'react-merge-refs';
+import 'classnames';
 import '@alfalab/hooks';
-import '../flag-icon/flagSprite.js';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import '../flag-icon/component.js';
-export { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from './component.js';
+import '../flag-icon/flagSprite.js';

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 4127a */
+/* hash: zzvdr */
 :root {
     --color-light-graphic-secondary: #6d7986;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-s: 12px;
 }
-.intl-phone-input__addons_bt23w {
+.intl-phone-input__addons_1947q {
     padding-left: 0;
 }
-.intl-phone-input__l_bt23w .intl-phone-input__addons_bt23w, .intl-phone-input__xl_bt23w .intl-phone-input__addons_bt23w {
+.intl-phone-input__l_1947q .intl-phone-input__addons_1947q, .intl-phone-input__xl_1947q .intl-phone-input__addons_1947q {
         padding-left: 0;
     }
-.intl-phone-input__flagIconWrapper_bt23w {
+.intl-phone-input__flagIconWrapper_1947q {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -27,6 +27,6 @@
     height: 24px;
     margin-left: var(--gap-s);
 }
-.intl-phone-input__emptyCountryIcon_bt23w {
+.intl-phone-input__emptyCountryIcon_1947q {
     color: var(--color-light-graphic-secondary);
 }

package/modern/index.js

@@ -1,3 +1,4 @@
+export { IntlPhoneInput } from './component.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-input-autocomplete/modern';
@@ -8,10 +9,9 @@ import './utils/format-phone-with-unclearable-country-code.js';
 import './utils/preparePasteData.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
-import './components/flag-icon/flagSprite.js';
 import './components/flag-icon/component.js';
-import './components/select-field/component.js';
-import '@alfalab/core-components-select/modern';
+import './components/flag-icon/flagSprite.js';
 import './components/select/component.js';
+import '@alfalab/core-components-select/modern';
+import './components/select-field/component.js';
 import './useCaretAvoidCountryCode.js';
-export { IntlPhoneInput } from './component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-intl-phone-input",
-    "version": "9.2.0",
+    "version": "9.2.1",
     "description": "Phone input for international phones",
     "keywords": [],
     "license": "MIT",
@@ -18,8 +18,8 @@
     },
     "dependencies": {
         "@alfalab/core-components-input": "^11.1.0",
-        "@alfalab/core-components-input-autocomplete": "9.1.4",
-        "@alfalab/core-components-select": "^13.2.1",
+        "@alfalab/core-components-input-autocomplete": "9.2.0",
+        "@alfalab/core-components-select": "^13.2.2",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/utils": "^1.13.3",
         "classnames": "^2.3.1",

package/useCaretAvoidCountryCode.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 function useCaretAvoidCountryCode(_a) {

package/utils/calculateCaretPos.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Расчет нового положения каретки.
  * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).

package/utils/format-phone-with-unclearable-country-code.js

@@ -1,14 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var RUSSIAN_DIAL_CODE = '7';
 var RUSSIAN_NATIONAL_DIAL_CODE = '8';
 /**
  * Форматирует телефон с неудаляемым кодом страны
  */
 var formatPhoneWithUnclearableCountryCode = function (phone, country) {
-    var countryPrefix = "+" + country.dialCode;
+    var countryPrefix = "+".concat(country.dialCode);
     if (phone.startsWith(countryPrefix)) {
         return phone;
     }
@@ -18,7 +16,7 @@ var formatPhoneWithUnclearableCountryCode = function (phone, country) {
     if (countryPrefix.startsWith(phone) || !phone) {
         return countryPrefix;
     }
-    return countryPrefix + " " + phone;
+    return "".concat(countryPrefix, " ").concat(phone);
 };
 
 exports.formatPhoneWithUnclearableCountryCode = formatPhoneWithUnclearableCountryCode;

package/utils/preparePasteData.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Подготовка данных для вставки из буфера обмена.
  * @param phoneValue Телефон уже введённый в поле ввода.
@@ -17,7 +15,7 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
     var resultNumber = '';
     // вставка в поле c "+"
     if (phoneValue === '+') {
-        resultNumber = "+" + cutNumber;
+        resultNumber = "+".concat(cutNumber);
         // вставка в поле, в которое введена часть номера
     }
     else if (phoneValue) {
@@ -25,16 +23,16 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
         var endText = phoneValue.substring(selectionEnd || 0);
         var isSelectPlus = selectionStart === 0 && selectionEnd !== 0;
         if (selectionStart === 0 && selectionEnd === 0 && !isTextHavePlus) {
-            resultNumber = ("+" + cutNumber + phoneValue.substring(1)).replace(/[^+\d]/g, '');
+            resultNumber = "+".concat(cutNumber).concat(phoneValue.substring(1)).replace(/[^+\d]/g, '');
         }
         else if (!isTextHavePlus && !isSelectPlus) {
-            resultNumber = ("" + startText + cutNumber + endText).replace(/[^+\d]/g, '');
+            resultNumber = "".concat(startText).concat(cutNumber).concat(endText).replace(/[^+\d]/g, '');
         }
         else if (isTextHavePlus && isSelectPlus) {
-            resultNumber = ("" + cutNumberWithPlus + endText).replace(/[^+\d]/g, '');
+            resultNumber = "".concat(cutNumberWithPlus).concat(endText).replace(/[^+\d]/g, '');
         }
         else if (!isTextHavePlus && isSelectPlus) {
-            resultNumber = ("+" + cutNumber + endText).replace(/[^+\d]/g, '');
+            resultNumber = "+".concat(cutNumber).concat(endText).replace(/[^+\d]/g, '');
         }
         // вставка в пустое поле
     }
@@ -45,11 +43,11 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
             // вставка номера начинающегося с "7" или "8" в пустое поле
         }
         else if (isRuNumberInBuffer) {
-            resultNumber = "+7" + cutNumber.substring(1);
+            resultNumber = "+7".concat(cutNumber.substring(1));
             // вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле
         }
         else {
-            resultNumber = "+7" + cutNumber;
+            resultNumber = "+7".concat(cutNumber);
         }
     }
     return resultNumber;