@alfalab/core-components-phone-input 7.5.4 → 7.5.5-snapshot-1393ffa

package/Component.js

@@ -7,7 +7,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var textMaskCore = require('text-mask-core');
 var coreComponentsMaskedInput = require('@alfalab/core-components-masked-input');
-var utils_index = require('./utils/index.js');
+var index = require('./utils/index.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -39,16 +39,16 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
     var handleBeforeDisplay = React.useCallback(function (conformedValue, config) {
         var rawValue = config.rawValue, previousConformedValue = config.previousConformedValue, currentCaretPosition = config.currentCaretPosition;
         var previousValueWithoutFormatting = previousConformedValue
-            ? utils_index.deleteFormatting(previousConformedValue)
+            ? index.deleteFormatting(previousConformedValue)
             : '';
         /*
          * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.
          */
         if (previousConformedValue && rawValue.indexOf('+7') !== 0) {
-            var newRaw = utils_index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
+            var newRaw = index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
             conformedValue = textMaskCore.conformToMask(newRaw, mask, config).conformedValue;
         }
-        var currentValueWithoutFormatting = utils_index.deleteFormatting(conformedValue) || '';
+        var currentValueWithoutFormatting = index.deleteFormatting(conformedValue) || '';
         /*
          * код ниже нужен для фикса следующих багов библиотеки text-mask:
          * 1) так как код страны указан в маске жестко как "+7",
@@ -63,11 +63,11 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
                     currentValueWithoutFormatting.length) === 1) ||
                 ([7, 10, 13].includes(currentCaretPosition) &&
                     previousConformedValue.length > currentCaretPosition))) {
-            utils_index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
+            index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
         }
         // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.
         if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {
-            utils_index.setCaretPosition({ position: countryPrefix.length - 1, inputRef: inputRef });
+            index.setCaretPosition({ position: countryPrefix.length - 1, inputRef: inputRef });
         }
         // Удаление цифры перед кодом страны удаляет только саму цифру, код остается ("+7 1" -> "+7 ")
         if (rawValue === countryPrefix) {
@@ -86,7 +86,7 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
             var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
-        var insertedNumber = utils_index.getInsertedNumber({
+        var insertedNumber = index.getInsertedNumber({
             rawValue: rawValue,
             clearableCountryCode: clearableCountryCode,
             countryPrefix: countryPrefix,
@@ -104,7 +104,7 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
         }
         var abortCountryCodeClearing = !clearableCountryCode && !conformedValue;
         if (abortCountryCodeClearing) {
-            utils_index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
+            index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
             if (!rawValue.length)
                 return countryPrefix;
             return false;
@@ -116,3 +116,4 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
 PhoneInput.displayName = 'PhoneInputs';
 
 exports.PhoneInput = PhoneInput;
+//# sourceMappingURL=Component.js.map

package/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (previousConformedValue && rawValue.indexOf('+7') !== 0) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                // Вставка номера с 10 цифрами без кода страны\n                if (rawValue.length === 10 && conformedValue.length === mask.length) {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Код нужен для исправления ошибки в библиотеке text-mask: если цифра 7 находится на второй позиции при вставке, то она удаляется\n                 * Это происходит потому что цифра 7 есть уже в маске\n                 */\n                if (rawValue[1] === '7') {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    conformedValue.length === mask.length &&\n                    (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                const abortCountryCodeClearing = !clearableCountryCode && !conformedValue;\n\n                if (abortCountryCodeClearing) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    if (!rawValue.length) return countryPrefix;\n\n                    return false;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":["React","__rest","useRef","useCallback","deleteFormatting","deleteMaskChar","conformToMask","setCaretPosition","getInsertedNumber","MaskedInput","__assign","mergeRefs"],"mappings":"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"}

package/cssm/Component.js

@@ -6,8 +6,8 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var textMaskCore = require('text-mask-core');
-var coreComponentsMaskedInput = require('@alfalab/core-components-masked-input/cssm');
-var utils_index = require('./utils/index.js');
+var cssm = require('@alfalab/core-components-masked-input/cssm');
+var index = require('./utils/index.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -39,16 +39,16 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
     var handleBeforeDisplay = React.useCallback(function (conformedValue, config) {
         var rawValue = config.rawValue, previousConformedValue = config.previousConformedValue, currentCaretPosition = config.currentCaretPosition;
         var previousValueWithoutFormatting = previousConformedValue
-            ? utils_index.deleteFormatting(previousConformedValue)
+            ? index.deleteFormatting(previousConformedValue)
             : '';
         /*
          * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.
          */
         if (previousConformedValue && rawValue.indexOf('+7') !== 0) {
-            var newRaw = utils_index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
+            var newRaw = index.deleteMaskChar(previousValueWithoutFormatting, rawValue);
             conformedValue = textMaskCore.conformToMask(newRaw, mask, config).conformedValue;
         }
-        var currentValueWithoutFormatting = utils_index.deleteFormatting(conformedValue) || '';
+        var currentValueWithoutFormatting = index.deleteFormatting(conformedValue) || '';
         /*
          * код ниже нужен для фикса следующих багов библиотеки text-mask:
          * 1) так как код страны указан в маске жестко как "+7",
@@ -63,11 +63,11 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
                     currentValueWithoutFormatting.length) === 1) ||
                 ([7, 10, 13].includes(currentCaretPosition) &&
                     previousConformedValue.length > currentCaretPosition))) {
-            utils_index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
+            index.setCaretPosition({ position: currentCaretPosition, inputRef: inputRef });
         }
         // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.
         if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {
-            utils_index.setCaretPosition({ position: countryPrefix.length - 1, inputRef: inputRef });
+            index.setCaretPosition({ position: countryPrefix.length - 1, inputRef: inputRef });
         }
         // Удаление цифры перед кодом страны удаляет только саму цифру, код остается ("+7 1" -> "+7 ")
         if (rawValue === countryPrefix) {
@@ -86,7 +86,7 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
             var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
-        var insertedNumber = utils_index.getInsertedNumber({
+        var insertedNumber = index.getInsertedNumber({
             rawValue: rawValue,
             clearableCountryCode: clearableCountryCode,
             countryPrefix: countryPrefix,
@@ -104,15 +104,16 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
         }
         var abortCountryCodeClearing = !clearableCountryCode && !conformedValue;
         if (abortCountryCodeClearing) {
-            utils_index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
+            index.setCaretPosition({ position: countryPrefix.length, inputRef: inputRef });
             if (!rawValue.length)
                 return countryPrefix;
             return false;
         }
         return conformedValue;
     }, [clearableCountryCode]);
-    return (React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, tslib.__assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs__default.default([ref, inputRef]) })));
+    return (React__default.default.createElement(cssm.MaskedInput, tslib.__assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs__default.default([ref, inputRef]) })));
 });
 PhoneInput.displayName = 'PhoneInputs';
 
 exports.PhoneInput = PhoneInput;
+//# sourceMappingURL=Component.js.map

package/cssm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (previousConformedValue && rawValue.indexOf('+7') !== 0) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                // Вставка номера с 10 цифрами без кода страны\n                if (rawValue.length === 10 && conformedValue.length === mask.length) {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Код нужен для исправления ошибки в библиотеке text-mask: если цифра 7 находится на второй позиции при вставке, то она удаляется\n                 * Это происходит потому что цифра 7 есть уже в маске\n                 */\n                if (rawValue[1] === '7') {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    conformedValue.length === mask.length &&\n                    (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                const abortCountryCodeClearing = !clearableCountryCode && !conformedValue;\n\n                if (abortCountryCodeClearing) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    if (!rawValue.length) return countryPrefix;\n\n                    return false;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":["React","__rest","useRef","useCallback","deleteFormatting","deleteMaskChar","conformToMask","setCaretPosition","getInsertedNumber","MaskedInput","__assign","mergeRefs"],"mappings":"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"}

package/cssm/index.js

@@ -7,3 +7,4 @@ var Component = require('./Component.js');
 
 
 exports.PhoneInput = Component.PhoneInput;
+//# sourceMappingURL=index.js.map

package/cssm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cssm/src/Component.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+    clearableCountryCode?: boolean;
+};
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
+    clearableCountryCode?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/cssm/src/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/cssm/src/utils/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Удаляет форматирование номера телефона
+ * @param phone Номер телефона
+ */
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
+    position: number;
+    inputRef: React.RefObject<HTMLInputElement>;
+}): void;
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+    rawValue: string;
+    clearableCountryCode: boolean;
+    countryPrefix: string;
+    previousConformedValue: string;
+}): string;
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/cssm/utils/index.js

@@ -48,3 +48,4 @@ exports.deleteFormatting = deleteFormatting;
 exports.deleteMaskChar = deleteMaskChar;
 exports.getInsertedNumber = getInsertedNumber;
 exports.setCaretPosition = setCaretPosition;
+//# sourceMappingURL=index.js.map

package/cssm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;AAEI,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAA;IAC1C,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAA3D;AAEE,SAAU,gBAAgB,CAAC,EAMhC,EAAA;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA;IAKR,MAAM,CAAC,qBAAqB,CAAC,YAAA;AACzB,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAUjC,EAAA;QATG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AAOtB,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,IAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,IAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,UAAC,IAAI,EAAA;QAC3B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;;;;"}

package/esm/Component.js

@@ -107,3 +107,4 @@ var PhoneInput = React.forwardRef(function (_a, ref) {
 PhoneInput.displayName = 'PhoneInputs';
 
 export { PhoneInput };
+//# sourceMappingURL=Component.js.map

package/esm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (previousConformedValue && rawValue.indexOf('+7') !== 0) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                // Вставка номера с 10 цифрами без кода страны\n                if (rawValue.length === 10 && conformedValue.length === mask.length) {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Код нужен для исправления ошибки в библиотеке text-mask: если цифра 7 находится на второй позиции при вставке, то она удаляется\n                 * Это происходит потому что цифра 7 есть уже в маске\n                 */\n                if (rawValue[1] === '7') {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    conformedValue.length === mask.length &&\n                    (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                const abortCountryCodeClearing = !clearableCountryCode && !conformedValue;\n\n                if (abortCountryCodeClearing) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    if (!rawValue.length) return countryPrefix;\n\n                    return false;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":[],"mappings":"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"}

package/esm/index.js

@@ -1 +1,2 @@
 export { PhoneInput } from './Component.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/src/Component.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+    clearableCountryCode?: boolean;
+};
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
+    clearableCountryCode?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/esm/src/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/esm/src/utils/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Удаляет форматирование номера телефона
+ * @param phone Номер телефона
+ */
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
+    position: number;
+    inputRef: React.RefObject<HTMLInputElement>;
+}): void;
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+    rawValue: string;
+    clearableCountryCode: boolean;
+    countryPrefix: string;
+    previousConformedValue: string;
+}): string;
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/esm/utils/index.js

@@ -41,3 +41,4 @@ function deleteMaskChar(previousValue, rawValue) {
 }
 
 export { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition };
+//# sourceMappingURL=index.js.map

package/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":"AAAA;;;AAGG;AAEI,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAA;IAC1C,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAA3D;AAEE,SAAU,gBAAgB,CAAC,EAMhC,EAAA;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA;IAKR,MAAM,CAAC,qBAAqB,CAAC,YAAA;AACzB,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAUjC,EAAA;QATG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AAOtB,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,IAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,IAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,UAAC,IAAI,EAAA;QAC3B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;"}

package/index.js

@@ -7,3 +7,4 @@ var Component = require('./Component.js');
 
 
 exports.PhoneInput = Component.PhoneInput;
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/modern/Component.js

@@ -106,3 +106,4 @@ const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps
 PhoneInput.displayName = 'PhoneInputs';
 
 export { PhoneInput };
+//# sourceMappingURL=Component.js.map

package/modern/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (previousConformedValue && rawValue.indexOf('+7') !== 0) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                // Вставка номера с 10 цифрами без кода страны\n                if (rawValue.length === 10 && conformedValue.length === mask.length) {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Код нужен для исправления ошибки в библиотеке text-mask: если цифра 7 находится на второй позиции при вставке, то она удаляется\n                 * Это происходит потому что цифра 7 есть уже в маске\n                 */\n                if (rawValue[1] === '7') {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    conformedValue.length === mask.length &&\n                    (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                const abortCountryCodeClearing = !clearableCountryCode && !conformedValue;\n\n                if (abortCountryCodeClearing) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    if (!rawValue.length) return countryPrefix;\n\n                    return false;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":[],"mappings":"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"}

package/modern/index.js

@@ -1 +1,2 @@
 export { PhoneInput } from './Component.js';
+//# sourceMappingURL=index.js.map

package/modern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/modern/src/Component.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+    clearableCountryCode?: boolean;
+};
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
+    clearableCountryCode?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/modern/src/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/modern/src/utils/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Удаляет форматирование номера телефона
+ * @param phone Номер телефона
+ */
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
+    position: number;
+    inputRef: React.RefObject<HTMLInputElement>;
+}): void;
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+    rawValue: string;
+    clearableCountryCode: boolean;
+    countryPrefix: string;
+    previousConformedValue: string;
+}): string;
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/modern/utils/index.js

@@ -37,3 +37,4 @@ function deleteMaskChar(previousValue, rawValue) {
 }
 
 export { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition };
+//# sourceMappingURL=index.js.map

package/modern/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":"AAAA;;;AAGG;AAEI,MAAM,gBAAgB,GAAG,CAAC,KAAa,KAC1C,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE;SAE9C,gBAAgB,CAAC,EAC7B,QAAQ,EACR,QAAQ,GAIX,EAAA;AACG,IAAA,MAAM,CAAC,qBAAqB,CAAC,MAAK;AAC9B,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAC9B,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,sBAAsB,GAMzB,EAAA;AACG,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,MAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;QAC/B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;"}

package/moderncssm/Component.js

@@ -106,3 +106,4 @@ const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps
 PhoneInput.displayName = 'PhoneInputs';
 
 export { PhoneInput };
+//# sourceMappingURL=Component.js.map

package/moderncssm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/Component.tsx"],"sourcesContent":["/* eslint-disable complexity, no-param-reassign */\nimport React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { conformToMask, TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';\n\nconst mask = [\n    '+',\n    '7',\n    ' ',\n    /([0-6]|[8-9])/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n    ' ',\n    /\\d/,\n    /\\d/,\n];\n\nconst countryPrefix = '+7 ';\n\nexport type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {\n    clearableCountryCode?: boolean;\n};\n\nexport const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n    ({ clearableCountryCode = true, ...restProps }, ref) => {\n        const inputRef = useRef<HTMLInputElement>(null);\n\n        const handleBeforeDisplay = useCallback(\n            (conformedValue: string, config: TextMaskConfig) => {\n                const { rawValue, previousConformedValue, currentCaretPosition } = config;\n\n                const previousValueWithoutFormatting = previousConformedValue\n                    ? deleteFormatting(previousConformedValue)\n                    : '';\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (previousConformedValue && rawValue.indexOf('+7') !== 0) {\n                    const newRaw = deleteMaskChar(previousValueWithoutFormatting, rawValue);\n\n                    conformedValue = conformToMask(newRaw, mask, config).conformedValue;\n                }\n\n                const currentValueWithoutFormatting = deleteFormatting(conformedValue) || '';\n\n                /*\n                 * код ниже нужен для фикса следующих багов библиотеки text-mask:\n                 * 1) так как код страны указан в маске жестко как \"+7\",\n                 * то при удалении цифры перед ним каретка устанавливается перед кодом страны\n                 * 2) в номере телефона есть пробелы и дефисы,\n                 * при редактировании цифр рядом с этими символами каретка перескакивает через них,\n                 * а не остается на том же месте, на котором была до редактирования\n                 */\n                if (\n                    previousConformedValue &&\n                    (([3, 6].includes(currentCaretPosition) &&\n                        Math.abs(\n                            previousValueWithoutFormatting.length -\n                                currentValueWithoutFormatting.length,\n                        ) === 1) ||\n                        ([7, 10, 13].includes(currentCaretPosition) &&\n                            previousConformedValue.length > currentCaretPosition))\n                ) {\n                    setCaretPosition({ position: currentCaretPosition, inputRef });\n                }\n\n                // // В режиме clearableCountryCode удаляет лишний пробел, чтобы можно было стереть код города.\n                if (rawValue === '+7' && conformedValue === '' && clearableCountryCode) {\n                    setCaretPosition({ position: countryPrefix.length - 1, inputRef });\n                }\n\n                // Удаление цифры перед кодом страны удаляет только саму цифру, код остается (\"+7 1\" -> \"+7 \")\n                if (rawValue === countryPrefix) {\n                    return rawValue;\n                }\n\n                // Вставка номера с 10 цифрами без кода страны\n                if (rawValue.length === 10 && conformedValue.length === mask.length) {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Код нужен для исправления ошибки в библиотеке text-mask: если цифра 7 находится на второй позиции при вставке, то она удаляется\n                 * Это происходит потому что цифра 7 есть уже в маске\n                 */\n                if (rawValue[1] === '7') {\n                    const masked = conformToMask(`+7${rawValue}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    conformedValue.length === mask.length &&\n                    (insertedNumber.startsWith('8') || insertedNumber.startsWith('7'))\n                ) {\n                    const masked = conformToMask(`+7${insertedNumber.slice(1)}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                // Если ввод начат с 7 или 8 - выводит \"+7 \" и дает продолжить ввод со след. цифры\n                if (rawValue.length === 1 && ['7', '8'].includes(rawValue[0])) {\n                    return countryPrefix;\n                }\n\n                const abortCountryCodeClearing = !clearableCountryCode && !conformedValue;\n\n                if (abortCountryCodeClearing) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    if (!rawValue.length) return countryPrefix;\n\n                    return false;\n                }\n\n                return conformedValue;\n            },\n            [clearableCountryCode],\n        );\n\n        return (\n            <MaskedInput\n                {...restProps}\n                defaultValue={clearableCountryCode ? restProps.defaultValue : countryPrefix}\n                mask={mask}\n                onBeforeDisplay={handleBeforeDisplay}\n                type='tel'\n                ref={mergeRefs([ref, inputRef])}\n            />\n        );\n    },\n);\n\nPhoneInput.displayName = 'PhoneInputs';\n"],"names":[],"mappings":"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"}

package/moderncssm/index.js

@@ -1 +1,2 @@
 export { PhoneInput } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/src/Component.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+    clearableCountryCode?: boolean;
+};
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
+    clearableCountryCode?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/moderncssm/src/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/moderncssm/src/utils/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Удаляет форматирование номера телефона
+ * @param phone Номер телефона
+ */
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
+    position: number;
+    inputRef: React.RefObject<HTMLInputElement>;
+}): void;
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+    rawValue: string;
+    clearableCountryCode: boolean;
+    countryPrefix: string;
+    previousConformedValue: string;
+}): string;
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/moderncssm/utils/index.js

@@ -37,3 +37,4 @@ function deleteMaskChar(previousValue, rawValue) {
 }
 
 export { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition };
+//# sourceMappingURL=index.js.map

package/moderncssm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":"AAAA;;;AAGG;AAEI,MAAM,gBAAgB,GAAG,CAAC,KAAa,KAC1C,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE;SAE9C,gBAAgB,CAAC,EAC7B,QAAQ,EACR,QAAQ,GAIX,EAAA;AACG,IAAA,MAAM,CAAC,qBAAqB,CAAC,MAAK;AAC9B,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAC9B,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,sBAAsB,GAMzB,EAAA;AACG,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,MAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;QAC/B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-phone-input",
-    "version": "7.5.4",
+    "version": "7.5.5-snapshot-1393ffa",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -15,11 +15,11 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-masked-input": "^6.3.35",
+        "@alfalab/core-components-masked-input": "6.3.36-snapshot-1393ffa",
         "react-merge-refs": "^1.1.0",
         "text-mask-core": "^5.1.2",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.7.2",
-    "varsVersion": "9.19.0"
+    "themesVersion": "14.0.0-snapshot-1393ffa",
+    "varsVersion": "9.20.1-snapshot-1393ffa"
 }

package/src/Component.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
+    clearableCountryCode?: boolean;
+};
+export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "type" | "onBeforeDisplay" | "mask"> & {
+    clearableCountryCode?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/src/text-mask-core.d.ts

@@ -0,0 +1,44 @@
+declare module 'text-mask-core' {
+    export type Mask = Array<string | RegExp>;
+
+    export type TextMaskConfig = {
+        currentCaretPosition: number;
+        rawValue: string;
+        previousConformedValue: string;
+        mask?: Mask | ((rawValue: string) => Mask);
+        guide?: boolean;
+        showMask?: boolean;
+        placeholderChar?: string;
+        keepCharPositions?: boolean;
+        pipe?: (
+            conformedValue: string,
+            config: TextMaskConfig,
+        ) => false | string | { value: string; indexesOfPipedChars: number[] };
+    };
+
+    export type TextMaskInputElement = {
+        state: { previousConformedValue: string; previousPlaceholder: string };
+        update: (
+            rawValue?: string,
+            textMaskConfig?: TextMaskConfig & { inputElement: HTMLInputElement },
+        ) => void;
+    };
+
+    export function createTextMaskInputElement(
+        config: TextMaskConfig & { inputElement: HTMLInputElement },
+    ): TextMaskInputElement;
+
+    export function conformToMask(
+        text: string,
+        mask: Mask | ((rawValue: string) => Mask),
+        config?: TextMaskConfig,
+    ): conformToMaskResult;
+
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    export type conformToMaskResult = {
+        conformedValue: string;
+        meta: {
+            someCharsRejected: boolean;
+        };
+    };
+}

package/src/utils/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Удаляет форматирование номера телефона
+ * @param phone Номер телефона
+ */
+/// <reference types="react" />
+export declare const deleteFormatting: (phone: string) => string;
+export declare function setCaretPosition({ position, inputRef, }: {
+    position: number;
+    inputRef: React.RefObject<HTMLInputElement>;
+}): void;
+export declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
+    rawValue: string;
+    clearableCountryCode: boolean;
+    countryPrefix: string;
+    previousConformedValue: string;
+}): string;
+export declare function deleteMaskChar(previousValue: string, rawValue: string): string;

package/utils/index.js

@@ -48,3 +48,4 @@ exports.deleteFormatting = deleteFormatting;
 exports.deleteMaskChar = deleteMaskChar;
 exports.getInsertedNumber = getInsertedNumber;
 exports.setCaretPosition = setCaretPosition;
+//# sourceMappingURL=index.js.map

package/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * Удаляет форматирование номера телефона\n * @param phone Номер телефона\n */\n\nexport const deleteFormatting = (phone: string) =>\n    phone.replace('+', '').replace(/^7/, '').replace(/\\s/g, '');\n\nexport function setCaretPosition({\n    position,\n    inputRef,\n}: {\n    position: number;\n    inputRef: React.RefObject<HTMLInputElement>;\n}) {\n    window.requestAnimationFrame(() => {\n        if (inputRef === null || !inputRef.current) return;\n\n        inputRef.current.setSelectionRange(position, position);\n    });\n}\n\nexport function getInsertedNumber({\n    rawValue,\n    clearableCountryCode,\n    countryPrefix,\n    previousConformedValue,\n}: {\n    rawValue: string;\n    clearableCountryCode: boolean;\n    countryPrefix: string;\n    previousConformedValue: string;\n}) {\n    if (!clearableCountryCode && previousConformedValue === countryPrefix) {\n        if (rawValue.startsWith('7') || rawValue.startsWith('8')) {\n            return rawValue;\n        }\n\n        return rawValue.slice(countryPrefix.length);\n    }\n\n    return rawValue;\n}\n\nexport function deleteMaskChar(previousValue: string, rawValue: string) {\n    const prevRawValueAsArr = deleteFormatting(rawValue).split('').reverse();\n    let prevConformedCharIdx = previousValue.length - 1;\n    let isMaskRemoved = false;\n    const newRaw: string[] = [];\n\n    prevRawValueAsArr.forEach((char) => {\n        if (isMaskRemoved || char === previousValue[prevConformedCharIdx]) {\n            newRaw.push(char);\n            prevConformedCharIdx -= 1;\n        } else if (char === '7') {\n            isMaskRemoved = true;\n        }\n    });\n\n    return newRaw.reverse().join('');\n}\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;AAEI,IAAM,gBAAgB,GAAG,UAAC,KAAa,EAAA;IAC1C,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AAA3D;AAEE,SAAU,gBAAgB,CAAC,EAMhC,EAAA;QALG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA;IAKR,MAAM,CAAC,qBAAqB,CAAC,YAAA;AACzB,QAAA,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE;QAE5C,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1D,KAAC,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAUjC,EAAA;QATG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EACpB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AAOtB,IAAA,IAAI,CAAC,oBAAoB,IAAI,sBAAsB,KAAK,aAAa,EAAE;AACnE,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACtD,YAAA,OAAO,QAAQ;AAClB;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C;AAED,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,cAAc,CAAC,aAAqB,EAAE,QAAgB,EAAA;AAClE,IAAA,IAAM,iBAAiB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE;AACxE,IAAA,IAAI,oBAAoB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;IACnD,IAAI,aAAa,GAAG,KAAK;IACzB,IAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,iBAAiB,CAAC,OAAO,CAAC,UAAC,IAAI,EAAA;QAC3B,IAAI,aAAa,IAAI,IAAI,KAAK,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC/D,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACjB,oBAAoB,IAAI,CAAC;AAC5B;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACrB,aAAa,GAAG,IAAI;AACvB;AACL,KAAC,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AACpC;;;;;;;"}

package/Component.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
-    clearableCountryCode?: boolean;
-};
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
-    clearableCountryCode?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/cssm/Component.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
-    clearableCountryCode?: boolean;
-};
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
-    clearableCountryCode?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/cssm/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/cssm/utils/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * Удаляет форматирование номера телефона
- * @param phone Номер телефона
- */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
-    position: number;
-    inputRef: React.RefObject<HTMLInputElement>;
-}): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
-    rawValue: string;
-    clearableCountryCode: boolean;
-    countryPrefix: string;
-    previousConformedValue: string;
-}): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };

package/esm/Component.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
-    clearableCountryCode?: boolean;
-};
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
-    clearableCountryCode?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/esm/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/esm/utils/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * Удаляет форматирование номера телефона
- * @param phone Номер телефона
- */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
-    position: number;
-    inputRef: React.RefObject<HTMLInputElement>;
-}): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
-    rawValue: string;
-    clearableCountryCode: boolean;
-    countryPrefix: string;
-    previousConformedValue: string;
-}): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };

package/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/modern/Component.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
-    clearableCountryCode?: boolean;
-};
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
-    clearableCountryCode?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/modern/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/modern/utils/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * Удаляет форматирование номера телефона
- * @param phone Номер телефона
- */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
-    position: number;
-    inputRef: React.RefObject<HTMLInputElement>;
-}): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
-    rawValue: string;
-    clearableCountryCode: boolean;
-    countryPrefix: string;
-    previousConformedValue: string;
-}): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };

package/moderncssm/Component.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { MaskedInputProps } from "@alfalab/core-components-masked-input";
-type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
-    clearableCountryCode?: boolean;
-};
-declare const PhoneInput: React.ForwardRefExoticComponent<Omit<MaskedInputProps, "mask" | "type" | "onBeforeDisplay"> & {
-    clearableCountryCode?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export { PhoneInputProps, PhoneInput };

package/moderncssm/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/moderncssm/utils/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * Удаляет форматирование номера телефона
- * @param phone Номер телефона
- */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
-    position: number;
-    inputRef: React.RefObject<HTMLInputElement>;
-}): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
-    rawValue: string;
-    clearableCountryCode: boolean;
-    countryPrefix: string;
-    previousConformedValue: string;
-}): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };

package/utils/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * Удаляет форматирование номера телефона
- * @param phone Номер телефона
- */
-declare const deleteFormatting: (phone: string) => string;
-declare function setCaretPosition({ position, inputRef, }: {
-    position: number;
-    inputRef: React.RefObject<HTMLInputElement>;
-}): void;
-declare function getInsertedNumber({ rawValue, clearableCountryCode, countryPrefix, previousConformedValue, }: {
-    rawValue: string;
-    clearableCountryCode: boolean;
-    countryPrefix: string;
-    previousConformedValue: string;
-}): string;
-declare function deleteMaskChar(previousValue: string, rawValue: string): string;
-export { deleteFormatting, setCaretPosition, getInsertedNumber, deleteMaskChar };