@alfalab/core-components-intl-phone-input 6.4.0 → 6.5.2

package/dist/esm/useCaretAvoidCountryCode.js

@@ -1,29 +1,33 @@
-import { useCallback, useEffect } from 'react';
+import { useEffect } from 'react';
 
 function useCaretAvoidCountryCode(_a) {
     var inputRef = _a.inputRef, countryCodeLength = _a.countryCodeLength, clearableCountryCode = _a.clearableCountryCode;
-    var input = inputRef.current;
-    var moveCaretFromCountryCode = useCallback(function () {
-        if (!input)
-            return;
-        var selectionStart = input.selectionStart || 0;
-        if (selectionStart < countryCodeLength) {
-            input.focus();
-            input.setSelectionRange(countryCodeLength, countryCodeLength);
-        }
-    }, [input, countryCodeLength]);
-    var preventCaretMovingOnCountryCode = useCallback(function (event) {
-        if (!input)
-            return;
-        var selectionStart = input.selectionStart || 0;
-        var toLeftKey = event.keyCode === 37;
-        if (toLeftKey && selectionStart <= countryCodeLength) {
-            event.preventDefault();
-        }
-    }, [input, countryCodeLength]);
     useEffect(function () {
+        var input = inputRef.current;
         if (!input || clearableCountryCode)
             return;
+        var moveCaretFromCountryCode = function () {
+            var selectionStart = input.selectionStart || 0;
+            if (selectionStart < countryCodeLength) {
+                input.focus();
+                input.setSelectionRange(countryCodeLength, countryCodeLength);
+            }
+        };
+        var preventCaretMovingOnCountryCode = function (event) {
+            var selectionStart = input.selectionStart || 0;
+            var toLeftKey = event.keyCode === 37;
+            if (toLeftKey) {
+                if (selectionStart <= countryCodeLength) {
+                    event.preventDefault();
+                }
+                // Если нажали ctrl + arrowLeft, то восстанавливаем положение каретки.
+                if (event.metaKey || event.ctrlKey) {
+                    requestAnimationFrame(function () {
+                        moveCaretFromCountryCode();
+                    });
+                }
+            }
+        };
         input.addEventListener('click', moveCaretFromCountryCode);
         input.addEventListener('keydown', preventCaretMovingOnCountryCode);
         // eslint-disable-next-line consistent-return
@@ -31,7 +35,7 @@ function useCaretAvoidCountryCode(_a) {
             input.removeEventListener('click', moveCaretFromCountryCode);
             input.removeEventListener('keydown', preventCaretMovingOnCountryCode);
         };
-    }, [clearableCountryCode, input, preventCaretMovingOnCountryCode, moveCaretFromCountryCode]);
+    }, [clearableCountryCode, countryCodeLength, inputRef]);
 }
 
 export { useCaretAvoidCountryCode };

package/dist/esm/utils/calculateCaretPos.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Расчет нового положения каретки.
+ * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
+ * @param newVal Новый отформатированный телефон.
+ */
+declare function calculateCaretPos(phonePart: string, newVal: string): number;
+export { calculateCaretPos };

package/dist/esm/utils/calculateCaretPos.js

@@ -0,0 +1,23 @@
+/**
+ * Расчет нового положения каретки.
+ * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
+ * @param newVal Новый отформатированный телефон.
+ */
+function calculateCaretPos(phonePart, newVal) {
+    var newCaretPosition = 0;
+    for (var idx = 0; idx < phonePart.length; idx++) {
+        var digit = phonePart.charAt(idx);
+        if (digit !== newVal.charAt(newCaretPosition)) {
+            idx -= 1;
+        }
+        newCaretPosition += 1;
+        // Если произошла непредвиденная ситуация, то прерываем цикл и ставим каретку в самый конец номера.
+        if (newCaretPosition > newVal.length) {
+            newCaretPosition = newVal.length;
+            break;
+        }
+    }
+    return newCaretPosition;
+}
+
+export { calculateCaretPos };

package/dist/index.css

@@ -1,8 +1,8 @@
-/* hash: 1e4na */
-.intl-phone-input__addons_jc47s {
+/* hash: qasyq */
+.intl-phone-input__addons_rhr68 {
     padding-left: 0;
 }
 
-.intl-phone-input__l_jc47s .intl-phone-input__addons_jc47s, .intl-phone-input__xl_jc47s .intl-phone-input__addons_jc47s {
+.intl-phone-input__l_rhr68 .intl-phone-input__addons_rhr68, .intl-phone-input__xl_rhr68 .intl-phone-input__addons_rhr68 {
         padding-left: 0;
     }

package/dist/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-7d88f33a.js');
+require('./component-fbf58e08.js');
 require('react');
 require('classnames');
 require('@alfalab/utils');
@@ -13,8 +13,8 @@ require('./components/flag-icon/component.js');
 require('@alfalab/core-components-select');
 require('./components/select/component.js');
 require('./utils/format-phone-with-unclearable-country-code.js');
+require('./utils/calculateCaretPos.js');
 require('./useCaretAvoidCountryCode.js');
-require('./usePreventCaretReset.js');
 var component = require('./component.js');