@alfalab/core-components-phone-input 8.0.1 → 8.0.2

package/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MaskedInputProps } from '@alfalab/core-components-masked-input';
+import { type MaskedInputProps } from '@alfalab/core-components-masked-input';
 export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };

package/Component.js.map

@@ -1 +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 { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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","conformToMask","checkInsertBefore","deleteMaskChar","setCaretPosition","getInsertedNumber","MaskedInput","__assign","mergeRefs"],"mappings":"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"}
+{"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, type TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, type MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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","conformToMask","checkInsertBefore","deleteMaskChar","setCaretPosition","getInsertedNumber","MaskedInput","__assign","mergeRefs"],"mappings":"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"}

package/cssm/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MaskedInputProps } from '@alfalab/core-components-masked-input/cssm';
+import { type MaskedInputProps } from '@alfalab/core-components-masked-input/cssm';
 export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };

package/cssm/Component.js.map

@@ -1 +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 { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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","conformToMask","checkInsertBefore","deleteMaskChar","setCaretPosition","getInsertedNumber","MaskedInput","__assign","mergeRefs"],"mappings":"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"}
+{"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, type TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, type MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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","conformToMask","checkInsertBefore","deleteMaskChar","setCaretPosition","getInsertedNumber","MaskedInput","__assign","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAM,IAAI,GAAG;IACT,GAAG;IACH,GAAG;IACH,GAAG;IACH,eAAe;IACf,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,IAAI;CACP;AAED,IAAM,aAAa,GAAG,KAAK;AAMd,IAAA,UAAU,GAAGA,sBAAK,CAAC,UAAU,CACtC,UAAC,EAA6C,EAAE,GAAG,EAAA;IAAhD,IAAA,EAAA,GAAA,EAAA,CAAA,oBAA2B,EAA3B,oBAAoB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EAAK,SAAS,GAA3CC,YAAA,CAAA,EAAA,EAAA,CAAA,sBAAA,CAA6C,CAAF;AACxC,IAAA,IAAM,QAAQ,GAAGC,YAAM,CAAmB,IAAI,CAAC;AAE/C,IAAA,IAAM,mBAAmB,GAAGC,iBAAW,CACnC,UAAC,cAAsB,EAAE,MAAsB,EAAA;AACnC,QAAA,IAAA,QAAQ,GAAmD,MAAM,CAAA,QAAzD,EAAE,sBAAsB,GAA2B,MAAM,CAAA,sBAAjC,EAAE,oBAAoB,GAAK,MAAM,qBAAX;QAE9D,IAAM,8BAA8B,GAAG;AACnC,cAAEC,sBAAgB,CAAC,sBAAsB;cACvC,EAAE;;QAGR,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;QAE1C,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,EAAE,IAAI,MAAM,CAAC,MAAM,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YAC9E,IAAI,eAAe,GAAG,MAAM;AAE5B,YAAA,IACI,MAAM,CAAC,MAAM,KAAK,EAAE;AACpB,iBAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EACpD;AACE,gBAAA,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC;AACD,YAAA,IAAM,MAAM,GAAGC,0BAAa,CAAC,IAAK,CAAA,MAAA,CAAA,eAAe,CAAE,EAAE,IAAI,EAAE,MAAM,CAAC;YAElE,OAAO,MAAM,CAAC,cAAc;AAC/B;AAED;;AAEG;AACH,QAAA,IAAIC,mCAAiB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAAE;YACrD,IAAM,MAAM,GAAGC,oBAAc,CAAC,8BAA8B,EAAE,QAAQ,CAAC;YAEvE,cAAc,GAAGF,0BAAa,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,cAAc;AACtE;QAED,IAAM,6BAA6B,GAAGD,sBAAgB,CAAC,cAAc,CAAC,IAAI,EAAE;AAE5E;;;;;;;AAOG;AACH,QAAA,IACI,sBAAsB;aACrB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC;AACnC,gBAAA,IAAI,CAAC,GAAG,CACJ,8BAA8B,CAAC,MAAM;AACjC,oBAAA,6BAA6B,CAAC,MAAM,CAC3C,KAAK,CAAC;iBACN,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC;AACvC,oBAAA,sBAAsB,CAAC,MAAM,GAAG,oBAAoB,CAAC,CAAC,EAChE;YACEI,sBAAgB,CAAC,EAAE,QAAQ,EAAE,oBAAoB,EAAE,QAAQ,EAAA,QAAA,EAAE,CAAC;AACjE;;QAGD,IAAI,QAAQ,KAAK,IAAI,IAAI,cAAc,KAAK,EAAE,IAAI,oBAAoB,EAAE;AACpE,YAAAA,sBAAgB,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAA,QAAA,EAAE,CAAC;AACrE;;QAGD,IAAI,QAAQ,KAAK,aAAa,EAAE;AAC5B,YAAA,OAAO,QAAQ;AAClB;QAED,IAAM,cAAc,GAAGC,uBAAiB,CAAC;AACrC,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,oBAAoB,EAAA,oBAAA;AACpB,YAAA,aAAa,EAAA,aAAA;AACb,YAAA,sBAAsB,EAAA,sBAAA;AACzB,SAAA,CAAC;;AAGF,QAAA,IACI,CAAC,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC;AACjE,YAAA,cAAc,CAAC,MAAM,IAAI,EAAE,EAC7B;AACE,YAAA,IAAM,MAAM,GAAGJ,0BAAa,CAAC,IAAA,CAAA,MAAA,CAAK,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,EAAE,IAAI,EAAE,MAAM,CAAC;YAE1E,OAAO,MAAM,CAAC,cAAc;AAC/B;;AAGD,QAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AAC3D,YAAA,OAAO,aAAa;AACvB;;AAGD,QAAA,IAAI,CAAC,oBAAoB,IAAI,CAAC,cAAc,EAAE;AAC1C,YAAAG,sBAAgB,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,MAAM,EAAE,QAAQ,EAAA,QAAA,EAAE,CAAC;YAE9D,OAAO,QAAQ,CAAC,MAAM,GAAG,KAAK,GAAG,aAAa;AACjD;AAED,QAAA,OAAO,cAAc;AACzB,KAAC,EACD,CAAC,oBAAoB,CAAC,CACzB;IAED,QACIR,qCAACU,gBAAW,EAAAC,cAAA,CAAA,EAAA,EACJ,SAAS,EACb,EAAA,YAAY,EAAE,oBAAoB,GAAG,SAAS,CAAC,YAAY,GAAG,aAAa,EAC3E,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,mBAAmB,EACpC,IAAI,EAAC,KAAK,EACV,GAAG,EAAEC,0BAAS,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAA,CAAA,CACjC;AAEV,CAAC;AAGL,UAAU,CAAC,WAAW,GAAG,aAAa;;;;"}

package/esm/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MaskedInputProps } from '@alfalab/core-components-masked-input/esm';
+import { type MaskedInputProps } from '@alfalab/core-components-masked-input/esm';
 export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };

package/esm/Component.js.map

@@ -1 +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 { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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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"}
+{"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, type TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, type MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MaskedInputProps } from '@alfalab/core-components-masked-input/modern';
+import { type MaskedInputProps } from '@alfalab/core-components-masked-input/modern';
 export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };

package/modern/Component.js.map

@@ -1 +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 { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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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"}
+{"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, type TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, type MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MaskedInputProps } from '@alfalab/core-components-masked-input/moderncssm';
+import { type MaskedInputProps } from '@alfalab/core-components-masked-input/moderncssm';
 export declare type PhoneInputProps = Omit<MaskedInputProps, 'onBeforeDisplay' | 'type' | 'mask'> & {
     clearableCountryCode?: boolean;
 };

package/moderncssm/Component.js.map

@@ -1 +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 { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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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"}
+{"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, type TextMaskConfig } from 'text-mask-core';\n\nimport { MaskedInput, type MaskedInputProps } from '@alfalab/core-components-masked-input';\n\nimport { checkInsertBefore } from './utils/check-insert-before';\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                // Вставка номера с 10 или 11 цифрами без кода страны\n                const digits = rawValue.replace(/\\D/g, '');\n\n                if ((digits.length === 10 || digits.length === 11) && !rawValue.startsWith('+7')) {\n                    let processedDigits = digits;\n\n                    if (\n                        digits.length === 11 &&\n                        (digits.startsWith('7') || digits.startsWith('8'))\n                    ) {\n                        processedDigits = digits.slice(1);\n                    }\n                    const masked = conformToMask(`+7${processedDigits}`, mask, config);\n\n                    return masked.conformedValue;\n                }\n\n                /*\n                 * Удаляем лишний символ маски при вводе или вставке значений перед знаком + или после него.\n                 */\n                if (checkInsertBefore(previousConformedValue, rawValue)) {\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                const insertedNumber = getInsertedNumber({\n                    rawValue,\n                    clearableCountryCode,\n                    countryPrefix,\n                    previousConformedValue,\n                });\n\n                // Вставка номера, начинающегося с 8 или 7: 89990313131, 71112223344\n                if (\n                    (insertedNumber.startsWith('7') || insertedNumber.startsWith('8')) &&\n                    insertedNumber.length >= 10\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                // Запрет на удаление кода страны\n                if (!clearableCountryCode && !conformedValue) {\n                    setCaretPosition({ position: countryPrefix.length, inputRef });\n\n                    return rawValue.length ? false : countryPrefix;\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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-phone-input",
-    "version": "8.0.1",
+    "version": "8.0.2",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,7 +10,7 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-masked-input": "^7.0.1",
+        "@alfalab/core-components-masked-input": "^7.0.2",
         "react-merge-refs": "^1.1.0",
         "text-mask-core": "^5.1.2",
         "tslib": "^2.4.0"
@@ -23,6 +23,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.1.0",
+    "themesVersion": "14.1.2",
     "varsVersion": "10.1.0"
 }

package/src/Component.tsx

@@ -1,9 +1,9 @@
 /* eslint-disable complexity, no-param-reassign */
 import React, { useCallback, useRef } from 'react';
 import mergeRefs from 'react-merge-refs';
-import { conformToMask, TextMaskConfig } from 'text-mask-core';
+import { conformToMask, type TextMaskConfig } from 'text-mask-core';
 
-import { MaskedInput, MaskedInputProps } from '@alfalab/core-components-masked-input';
+import { MaskedInput, type MaskedInputProps } from '@alfalab/core-components-masked-input';
 
 import { checkInsertBefore } from './utils/check-insert-before';
 import { deleteFormatting, deleteMaskChar, getInsertedNumber, setCaretPosition } from './utils';