@alfalab/core-components-masked-input 6.3.39 → 7.0.0-snapshot-6a9d3fc

package/Component.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import React from 'react';
-import { InputProps } from "@alfalab/core-components-input";
-type Mask = Array<string | RegExp>;
-type TextMaskConfig = {
+import { InputProps } from '@alfalab/core-components-input';
+declare type Mask = Array<string | RegExp>;
+export declare type TextMaskConfig = {
     currentCaretPosition: number;
     rawValue: string;
     previousConformedValue: string;
@@ -16,7 +15,7 @@ type TextMaskConfig = {
         indexesOfPipedChars: number[];
     };
 };
-type MaskedInputProps = InputProps & {
+export declare type MaskedInputProps = InputProps & {
     /**
      * Маска для поля ввода
      * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array
@@ -31,8 +30,8 @@ type MaskedInputProps = InputProps & {
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 };
-declare const PLACEHOLDER_CHAR = "\u2000";
-declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
+export declare const PLACEHOLDER_CHAR = "\u2000";
+export declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
@@ -51,4 +50,4 @@ declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 } & React.RefAttributes<HTMLInputElement>>;
-export { TextMaskConfig, MaskedInputProps, PLACEHOLDER_CHAR, MaskedInput };
+export {};

package/Component.js

@@ -8,6 +8,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var textMaskCore = require('text-mask-core');
 var coreComponentsInput = require('@alfalab/core-components-input');
+var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -15,9 +16,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"textHidden":"masked-input__textHidden_1iern"};
-require('./index.css')
-
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000
 var PLACEHOLDER_CHAR = '\u2000';
 var MaskedInput = React__default.default.forwardRef(function (_a, ref) {
@@ -75,9 +73,10 @@ var MaskedInput = React__default.default.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setTextHidden(false);
     }, []);
-    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { className: cn__default.default(className, (_b = {}, _b[styles.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default.default([ref, setInputNode]) })));
+    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { className: cn__default.default(className, (_b = {}, _b[index_module.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default.default([ref, setInputNode]) })));
 });
 MaskedInput.displayName = 'MaskedInput';
 
 exports.MaskedInput = MaskedInput;
 exports.PLACEHOLDER_CHAR = PLACEHOLDER_CHAR;
+//# sourceMappingURL=Component.js.map

package/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { ChangeEvent, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport { createTextMaskInputElement, TextMaskInputElement } from 'text-mask-core';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport styles from './index.module.css';\n\n// TODO: заставить rollup добавлять кастомные декларации в сборку\ntype Mask = Array<string | RegExp>;\nexport type TextMaskConfig = {\n    currentCaretPosition: number;\n    rawValue: string;\n    previousConformedValue: string;\n    mask?: Mask | ((rawValue: string) => Mask);\n    guide?: boolean;\n    showMask?: boolean;\n    placeholderChar?: string;\n    keepCharPositions?: boolean;\n    pipe?: (\n        conformedValue: string,\n        config: TextMaskConfig,\n    ) => false | string | { value: string; indexesOfPipedChars: number[] };\n};\n\nexport type MaskedInputProps = InputProps & {\n    /**\n     * Маска для поля ввода\n     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array\n     */\n    mask?: TextMaskConfig['mask'];\n\n    /**\n     * Управляет поведением компонента при удалении символов\n     */\n    keepCharPositions?: TextMaskConfig['keepCharPositions'];\n\n    /**\n     * Дает возможность изменить значение поля перед рендером\n     */\n    onBeforeDisplay?: TextMaskConfig['pipe'];\n};\n\n// Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \\u2000\nexport const PLACEHOLDER_CHAR = '\\u2000';\n\nexport const MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n    (\n        {\n            mask,\n            keepCharPositions = false,\n            value,\n            defaultValue,\n            className,\n            onBeforeDisplay,\n            onChange,\n            onClear,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [inputNode, setInputNode] = useState<HTMLInputElement | null>(null);\n        const textMask = useRef<TextMaskInputElement | null>(null);\n\n        const [inputValue, setInputValue] = useState(value || defaultValue || '');\n        // Не показываем сырое значение до применения маски\n        const [textHidden, setTextHidden] = useState(true);\n\n        const update = useCallback(\n            (newValue = '') => {\n                if (textMask.current && inputNode) {\n                    try {\n                        textMask.current.update(newValue);\n                    } catch (e) {\n                        // ignore masking errors\n                    }\n\n                    setInputValue(inputNode.value);\n                }\n            },\n            [inputNode],\n        );\n\n        const handleInputChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                update(event.target.value);\n\n                if (onChange) {\n                    onChange(event, {\n                        value: event.target.value,\n                    });\n                }\n            },\n            [onChange, update],\n        );\n\n        const handleClear = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                update('');\n                if (onClear) onClear(event);\n            },\n            [onClear, update],\n        );\n\n        useEffect(() => {\n            if (inputNode) {\n                textMask.current = createTextMaskInputElement({\n                    mask,\n                    inputElement: inputNode,\n                    pipe: onBeforeDisplay,\n                    guide: false,\n                    keepCharPositions,\n                    showMask: false,\n                    placeholderChar: PLACEHOLDER_CHAR,\n                    rawValue: '',\n                    currentCaretPosition: 0,\n                    previousConformedValue: '',\n                });\n            }\n        }, [onBeforeDisplay, mask, keepCharPositions, inputNode]);\n\n        useEffect(() => {\n            update(value || defaultValue);\n        }, [value, update, defaultValue]);\n\n        useEffect(() => {\n            setTextHidden(false);\n        }, []);\n\n        return (\n            <Input\n                {...restProps}\n                className={cn(className, { [styles.textHidden]: textHidden })}\n                value={inputValue}\n                onChange={handleInputChange}\n                onClear={handleClear}\n                ref={mergeRefs([ref, setInputNode])}\n            />\n        );\n    },\n);\n\nMaskedInput.displayName = 'MaskedInput';\n"],"names":["React","__rest","useState","useRef","useCallback","useEffect","createTextMaskInputElement","Input","__assign","cn","styles","mergeRefs"],"mappings":"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"}

package/cssm/Component.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import React from 'react';
-import { InputProps } from "@alfalab/core-components-input";
-type Mask = Array<string | RegExp>;
-type TextMaskConfig = {
+import { InputProps } from '@alfalab/core-components-input';
+declare type Mask = Array<string | RegExp>;
+export declare type TextMaskConfig = {
     currentCaretPosition: number;
     rawValue: string;
     previousConformedValue: string;
@@ -16,7 +15,7 @@ type TextMaskConfig = {
         indexesOfPipedChars: number[];
     };
 };
-type MaskedInputProps = InputProps & {
+export declare type MaskedInputProps = InputProps & {
     /**
      * Маска для поля ввода
      * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array
@@ -31,8 +30,8 @@ type MaskedInputProps = InputProps & {
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 };
-declare const PLACEHOLDER_CHAR = "\u2000";
-declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
+export declare const PLACEHOLDER_CHAR = "\u2000";
+export declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
@@ -51,4 +50,4 @@ declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 } & React.RefAttributes<HTMLInputElement>>;
-export { TextMaskConfig, MaskedInputProps, PLACEHOLDER_CHAR, MaskedInput };
+export {};

package/cssm/Component.js

@@ -7,7 +7,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var textMaskCore = require('text-mask-core');
-var coreComponentsInput = require('@alfalab/core-components-input/cssm');
+var cssm = require('@alfalab/core-components-input/cssm');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -74,9 +74,10 @@ var MaskedInput = React__default.default.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setTextHidden(false);
     }, []);
-    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { className: cn__default.default(className, (_b = {}, _b[styles__default.default.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default.default([ref, setInputNode]) })));
+    return (React__default.default.createElement(cssm.Input, tslib.__assign({}, restProps, { className: cn__default.default(className, (_b = {}, _b[styles__default.default.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default.default([ref, setInputNode]) })));
 });
 MaskedInput.displayName = 'MaskedInput';
 
 exports.MaskedInput = MaskedInput;
 exports.PLACEHOLDER_CHAR = PLACEHOLDER_CHAR;
+//# sourceMappingURL=Component.js.map

package/cssm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { ChangeEvent, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport { createTextMaskInputElement, TextMaskInputElement } from 'text-mask-core';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport styles from './index.module.css';\n\n// TODO: заставить rollup добавлять кастомные декларации в сборку\ntype Mask = Array<string | RegExp>;\nexport type TextMaskConfig = {\n    currentCaretPosition: number;\n    rawValue: string;\n    previousConformedValue: string;\n    mask?: Mask | ((rawValue: string) => Mask);\n    guide?: boolean;\n    showMask?: boolean;\n    placeholderChar?: string;\n    keepCharPositions?: boolean;\n    pipe?: (\n        conformedValue: string,\n        config: TextMaskConfig,\n    ) => false | string | { value: string; indexesOfPipedChars: number[] };\n};\n\nexport type MaskedInputProps = InputProps & {\n    /**\n     * Маска для поля ввода\n     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array\n     */\n    mask?: TextMaskConfig['mask'];\n\n    /**\n     * Управляет поведением компонента при удалении символов\n     */\n    keepCharPositions?: TextMaskConfig['keepCharPositions'];\n\n    /**\n     * Дает возможность изменить значение поля перед рендером\n     */\n    onBeforeDisplay?: TextMaskConfig['pipe'];\n};\n\n// Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \\u2000\nexport const PLACEHOLDER_CHAR = '\\u2000';\n\nexport const MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n    (\n        {\n            mask,\n            keepCharPositions = false,\n            value,\n            defaultValue,\n            className,\n            onBeforeDisplay,\n            onChange,\n            onClear,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [inputNode, setInputNode] = useState<HTMLInputElement | null>(null);\n        const textMask = useRef<TextMaskInputElement | null>(null);\n\n        const [inputValue, setInputValue] = useState(value || defaultValue || '');\n        // Не показываем сырое значение до применения маски\n        const [textHidden, setTextHidden] = useState(true);\n\n        const update = useCallback(\n            (newValue = '') => {\n                if (textMask.current && inputNode) {\n                    try {\n                        textMask.current.update(newValue);\n                    } catch (e) {\n                        // ignore masking errors\n                    }\n\n                    setInputValue(inputNode.value);\n                }\n            },\n            [inputNode],\n        );\n\n        const handleInputChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                update(event.target.value);\n\n                if (onChange) {\n                    onChange(event, {\n                        value: event.target.value,\n                    });\n                }\n            },\n            [onChange, update],\n        );\n\n        const handleClear = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                update('');\n                if (onClear) onClear(event);\n            },\n            [onClear, update],\n        );\n\n        useEffect(() => {\n            if (inputNode) {\n                textMask.current = createTextMaskInputElement({\n                    mask,\n                    inputElement: inputNode,\n                    pipe: onBeforeDisplay,\n                    guide: false,\n                    keepCharPositions,\n                    showMask: false,\n                    placeholderChar: PLACEHOLDER_CHAR,\n                    rawValue: '',\n                    currentCaretPosition: 0,\n                    previousConformedValue: '',\n                });\n            }\n        }, [onBeforeDisplay, mask, keepCharPositions, inputNode]);\n\n        useEffect(() => {\n            update(value || defaultValue);\n        }, [value, update, defaultValue]);\n\n        useEffect(() => {\n            setTextHidden(false);\n        }, []);\n\n        return (\n            <Input\n                {...restProps}\n                className={cn(className, { [styles.textHidden]: textHidden })}\n                value={inputValue}\n                onChange={handleInputChange}\n                onClear={handleClear}\n                ref={mergeRefs([ref, setInputNode])}\n            />\n        );\n    },\n);\n\nMaskedInput.displayName = 'MaskedInput';\n"],"names":["React","__rest","useState","useRef","useCallback","useEffect","createTextMaskInputElement","Input","__assign","cn","styles","mergeRefs"],"mappings":"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"}

package/cssm/index.d.ts

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

package/cssm/index.js

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

package/cssm/index.js.map

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

package/esm/Component.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import React from 'react';
-import { InputProps } from "@alfalab/core-components-input";
-type Mask = Array<string | RegExp>;
-type TextMaskConfig = {
+import { InputProps } from '@alfalab/core-components-input';
+declare type Mask = Array<string | RegExp>;
+export declare type TextMaskConfig = {
     currentCaretPosition: number;
     rawValue: string;
     previousConformedValue: string;
@@ -16,7 +15,7 @@ type TextMaskConfig = {
         indexesOfPipedChars: number[];
     };
 };
-type MaskedInputProps = InputProps & {
+export declare type MaskedInputProps = InputProps & {
     /**
      * Маска для поля ввода
      * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array
@@ -31,8 +30,8 @@ type MaskedInputProps = InputProps & {
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 };
-declare const PLACEHOLDER_CHAR = "\u2000";
-declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
+export declare const PLACEHOLDER_CHAR = "\u2000";
+export declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
@@ -51,4 +50,4 @@ declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 } & React.RefAttributes<HTMLInputElement>>;
-export { TextMaskConfig, MaskedInputProps, PLACEHOLDER_CHAR, MaskedInput };
+export {};

package/esm/Component.js

@@ -4,9 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { createTextMaskInputElement } from 'text-mask-core';
 import { Input } from '@alfalab/core-components-input/esm';
-
-var styles = {"textHidden":"masked-input__textHidden_1iern"};
-require('./index.css')
+import styles from './index.module.css.js';
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000
 var PLACEHOLDER_CHAR = '\u2000';
@@ -70,3 +68,4 @@ var MaskedInput = React.forwardRef(function (_a, ref) {
 MaskedInput.displayName = 'MaskedInput';
 
 export { MaskedInput, PLACEHOLDER_CHAR };
+//# sourceMappingURL=Component.js.map

package/esm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { ChangeEvent, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport { createTextMaskInputElement, TextMaskInputElement } from 'text-mask-core';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport styles from './index.module.css';\n\n// TODO: заставить rollup добавлять кастомные декларации в сборку\ntype Mask = Array<string | RegExp>;\nexport type TextMaskConfig = {\n    currentCaretPosition: number;\n    rawValue: string;\n    previousConformedValue: string;\n    mask?: Mask | ((rawValue: string) => Mask);\n    guide?: boolean;\n    showMask?: boolean;\n    placeholderChar?: string;\n    keepCharPositions?: boolean;\n    pipe?: (\n        conformedValue: string,\n        config: TextMaskConfig,\n    ) => false | string | { value: string; indexesOfPipedChars: number[] };\n};\n\nexport type MaskedInputProps = InputProps & {\n    /**\n     * Маска для поля ввода\n     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array\n     */\n    mask?: TextMaskConfig['mask'];\n\n    /**\n     * Управляет поведением компонента при удалении символов\n     */\n    keepCharPositions?: TextMaskConfig['keepCharPositions'];\n\n    /**\n     * Дает возможность изменить значение поля перед рендером\n     */\n    onBeforeDisplay?: TextMaskConfig['pipe'];\n};\n\n// Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \\u2000\nexport const PLACEHOLDER_CHAR = '\\u2000';\n\nexport const MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n    (\n        {\n            mask,\n            keepCharPositions = false,\n            value,\n            defaultValue,\n            className,\n            onBeforeDisplay,\n            onChange,\n            onClear,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [inputNode, setInputNode] = useState<HTMLInputElement | null>(null);\n        const textMask = useRef<TextMaskInputElement | null>(null);\n\n        const [inputValue, setInputValue] = useState(value || defaultValue || '');\n        // Не показываем сырое значение до применения маски\n        const [textHidden, setTextHidden] = useState(true);\n\n        const update = useCallback(\n            (newValue = '') => {\n                if (textMask.current && inputNode) {\n                    try {\n                        textMask.current.update(newValue);\n                    } catch (e) {\n                        // ignore masking errors\n                    }\n\n                    setInputValue(inputNode.value);\n                }\n            },\n            [inputNode],\n        );\n\n        const handleInputChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                update(event.target.value);\n\n                if (onChange) {\n                    onChange(event, {\n                        value: event.target.value,\n                    });\n                }\n            },\n            [onChange, update],\n        );\n\n        const handleClear = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                update('');\n                if (onClear) onClear(event);\n            },\n            [onClear, update],\n        );\n\n        useEffect(() => {\n            if (inputNode) {\n                textMask.current = createTextMaskInputElement({\n                    mask,\n                    inputElement: inputNode,\n                    pipe: onBeforeDisplay,\n                    guide: false,\n                    keepCharPositions,\n                    showMask: false,\n                    placeholderChar: PLACEHOLDER_CHAR,\n                    rawValue: '',\n                    currentCaretPosition: 0,\n                    previousConformedValue: '',\n                });\n            }\n        }, [onBeforeDisplay, mask, keepCharPositions, inputNode]);\n\n        useEffect(() => {\n            update(value || defaultValue);\n        }, [value, update, defaultValue]);\n\n        useEffect(() => {\n            setTextHidden(false);\n        }, []);\n\n        return (\n            <Input\n                {...restProps}\n                className={cn(className, { [styles.textHidden]: textHidden })}\n                value={inputValue}\n                onChange={handleInputChange}\n                onClear={handleClear}\n                ref={mergeRefs([ref, setInputNode])}\n            />\n        );\n    },\n);\n\nMaskedInput.displayName = 'MaskedInput';\n"],"names":[],"mappings":"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"}

package/esm/index.css

@@ -1,4 +1,3 @@
-/* hash: 1b3cg */
-.masked-input__textHidden_1iern input {
+.masked-input__textHidden_8duji input {
     opacity: 0;
 }

package/esm/index.d.ts

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

package/esm/index.js

@@ -1 +1,2 @@
 export { MaskedInput, PLACEHOLDER_CHAR } 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/index.module.css.js

@@ -0,0 +1,6 @@
+import './index.css';
+
+var styles = {"textHidden":"masked-input__textHidden_8duji"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":[".textHidden input {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}

package/index.css

@@ -1,4 +1,3 @@
-/* hash: 1b3cg */
-.masked-input__textHidden_1iern input {
+.masked-input__textHidden_8duji input {
     opacity: 0;
 }

package/index.d.ts

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

package/index.js

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

package/index.js.map

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

package/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"textHidden":"masked-input__textHidden_8duji"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":[".textHidden input {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}

package/modern/Component.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import React from 'react';
-import { InputProps } from "@alfalab/core-components-input";
-type Mask = Array<string | RegExp>;
-type TextMaskConfig = {
+import { InputProps } from '@alfalab/core-components-input';
+declare type Mask = Array<string | RegExp>;
+export declare type TextMaskConfig = {
     currentCaretPosition: number;
     rawValue: string;
     previousConformedValue: string;
@@ -16,7 +15,7 @@ type TextMaskConfig = {
         indexesOfPipedChars: number[];
     };
 };
-type MaskedInputProps = InputProps & {
+export declare type MaskedInputProps = InputProps & {
     /**
      * Маска для поля ввода
      * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array
@@ -31,8 +30,8 @@ type MaskedInputProps = InputProps & {
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 };
-declare const PLACEHOLDER_CHAR = "\u2000";
-declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
+export declare const PLACEHOLDER_CHAR = "\u2000";
+export declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
@@ -51,4 +50,4 @@ declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 } & React.RefAttributes<HTMLInputElement>>;
-export { TextMaskConfig, MaskedInputProps, PLACEHOLDER_CHAR, MaskedInput };
+export {};

package/modern/Component.js

@@ -3,9 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { createTextMaskInputElement } from 'text-mask-core';
 import { Input } from '@alfalab/core-components-input/modern';
-
-const styles = {"textHidden":"masked-input__textHidden_1iern"};
-require('./index.css')
+import styles from './index.module.css.js';
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000
 const PLACEHOLDER_CHAR = '\u2000';
@@ -66,3 +64,4 @@ const MaskedInput = React.forwardRef(({ mask, keepCharPositions = false, value,
 MaskedInput.displayName = 'MaskedInput';
 
 export { MaskedInput, PLACEHOLDER_CHAR };
+//# sourceMappingURL=Component.js.map

package/modern/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { ChangeEvent, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport { createTextMaskInputElement, TextMaskInputElement } from 'text-mask-core';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport styles from './index.module.css';\n\n// TODO: заставить rollup добавлять кастомные декларации в сборку\ntype Mask = Array<string | RegExp>;\nexport type TextMaskConfig = {\n    currentCaretPosition: number;\n    rawValue: string;\n    previousConformedValue: string;\n    mask?: Mask | ((rawValue: string) => Mask);\n    guide?: boolean;\n    showMask?: boolean;\n    placeholderChar?: string;\n    keepCharPositions?: boolean;\n    pipe?: (\n        conformedValue: string,\n        config: TextMaskConfig,\n    ) => false | string | { value: string; indexesOfPipedChars: number[] };\n};\n\nexport type MaskedInputProps = InputProps & {\n    /**\n     * Маска для поля ввода\n     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array\n     */\n    mask?: TextMaskConfig['mask'];\n\n    /**\n     * Управляет поведением компонента при удалении символов\n     */\n    keepCharPositions?: TextMaskConfig['keepCharPositions'];\n\n    /**\n     * Дает возможность изменить значение поля перед рендером\n     */\n    onBeforeDisplay?: TextMaskConfig['pipe'];\n};\n\n// Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \\u2000\nexport const PLACEHOLDER_CHAR = '\\u2000';\n\nexport const MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n    (\n        {\n            mask,\n            keepCharPositions = false,\n            value,\n            defaultValue,\n            className,\n            onBeforeDisplay,\n            onChange,\n            onClear,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [inputNode, setInputNode] = useState<HTMLInputElement | null>(null);\n        const textMask = useRef<TextMaskInputElement | null>(null);\n\n        const [inputValue, setInputValue] = useState(value || defaultValue || '');\n        // Не показываем сырое значение до применения маски\n        const [textHidden, setTextHidden] = useState(true);\n\n        const update = useCallback(\n            (newValue = '') => {\n                if (textMask.current && inputNode) {\n                    try {\n                        textMask.current.update(newValue);\n                    } catch (e) {\n                        // ignore masking errors\n                    }\n\n                    setInputValue(inputNode.value);\n                }\n            },\n            [inputNode],\n        );\n\n        const handleInputChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                update(event.target.value);\n\n                if (onChange) {\n                    onChange(event, {\n                        value: event.target.value,\n                    });\n                }\n            },\n            [onChange, update],\n        );\n\n        const handleClear = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                update('');\n                if (onClear) onClear(event);\n            },\n            [onClear, update],\n        );\n\n        useEffect(() => {\n            if (inputNode) {\n                textMask.current = createTextMaskInputElement({\n                    mask,\n                    inputElement: inputNode,\n                    pipe: onBeforeDisplay,\n                    guide: false,\n                    keepCharPositions,\n                    showMask: false,\n                    placeholderChar: PLACEHOLDER_CHAR,\n                    rawValue: '',\n                    currentCaretPosition: 0,\n                    previousConformedValue: '',\n                });\n            }\n        }, [onBeforeDisplay, mask, keepCharPositions, inputNode]);\n\n        useEffect(() => {\n            update(value || defaultValue);\n        }, [value, update, defaultValue]);\n\n        useEffect(() => {\n            setTextHidden(false);\n        }, []);\n\n        return (\n            <Input\n                {...restProps}\n                className={cn(className, { [styles.textHidden]: textHidden })}\n                value={inputValue}\n                onChange={handleInputChange}\n                onClear={handleClear}\n                ref={mergeRefs([ref, setInputNode])}\n            />\n        );\n    },\n);\n\nMaskedInput.displayName = 'MaskedInput';\n"],"names":[],"mappings":"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"}

package/modern/index.css

@@ -1,4 +1,3 @@
-/* hash: 1b3cg */
-.masked-input__textHidden_1iern input {
+.masked-input__textHidden_8duji input {
     opacity: 0;
 }

package/modern/index.d.ts

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

package/modern/index.js

@@ -1 +1,2 @@
 export { MaskedInput, PLACEHOLDER_CHAR } 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/index.module.css.js

@@ -0,0 +1,6 @@
+import './index.css';
+
+const styles = {"textHidden":"masked-input__textHidden_8duji"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":[".textHidden input {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}

package/moderncssm/Component.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import React from 'react';
-import { InputProps } from "@alfalab/core-components-input";
-type Mask = Array<string | RegExp>;
-type TextMaskConfig = {
+import { InputProps } from '@alfalab/core-components-input';
+declare type Mask = Array<string | RegExp>;
+export declare type TextMaskConfig = {
     currentCaretPosition: number;
     rawValue: string;
     previousConformedValue: string;
@@ -16,7 +15,7 @@ type TextMaskConfig = {
         indexesOfPipedChars: number[];
     };
 };
-type MaskedInputProps = InputProps & {
+export declare type MaskedInputProps = InputProps & {
     /**
      * Маска для поля ввода
      * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array
@@ -31,8 +30,8 @@ type MaskedInputProps = InputProps & {
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 };
-declare const PLACEHOLDER_CHAR = "\u2000";
-declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
+export declare const PLACEHOLDER_CHAR = "\u2000";
+export declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-input/components/base-input").BaseInputProps, "FormControlComponent"> & {
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
@@ -51,4 +50,4 @@ declare const MaskedInput: React.ForwardRefExoticComponent<Omit<import("@alfalab
      */
     onBeforeDisplay?: TextMaskConfig['pipe'];
 } & React.RefAttributes<HTMLInputElement>>;
-export { TextMaskConfig, MaskedInputProps, PLACEHOLDER_CHAR, MaskedInput };
+export {};

package/moderncssm/Component.js

@@ -64,3 +64,4 @@ const MaskedInput = React.forwardRef(({ mask, keepCharPositions = false, value,
 MaskedInput.displayName = 'MaskedInput';
 
 export { MaskedInput, PLACEHOLDER_CHAR };
+//# sourceMappingURL=Component.js.map

package/moderncssm/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { ChangeEvent, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport { createTextMaskInputElement, TextMaskInputElement } from 'text-mask-core';\n\nimport { Input, InputProps } from '@alfalab/core-components-input';\n\nimport styles from './index.module.css';\n\n// TODO: заставить rollup добавлять кастомные декларации в сборку\ntype Mask = Array<string | RegExp>;\nexport type TextMaskConfig = {\n    currentCaretPosition: number;\n    rawValue: string;\n    previousConformedValue: string;\n    mask?: Mask | ((rawValue: string) => Mask);\n    guide?: boolean;\n    showMask?: boolean;\n    placeholderChar?: string;\n    keepCharPositions?: boolean;\n    pipe?: (\n        conformedValue: string,\n        config: TextMaskConfig,\n    ) => false | string | { value: string; indexesOfPipedChars: number[] };\n};\n\nexport type MaskedInputProps = InputProps & {\n    /**\n     * Маска для поля ввода\n     * https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask-array\n     */\n    mask?: TextMaskConfig['mask'];\n\n    /**\n     * Управляет поведением компонента при удалении символов\n     */\n    keepCharPositions?: TextMaskConfig['keepCharPositions'];\n\n    /**\n     * Дает возможность изменить значение поля перед рендером\n     */\n    onBeforeDisplay?: TextMaskConfig['pipe'];\n};\n\n// Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \\u2000\nexport const PLACEHOLDER_CHAR = '\\u2000';\n\nexport const MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n    (\n        {\n            mask,\n            keepCharPositions = false,\n            value,\n            defaultValue,\n            className,\n            onBeforeDisplay,\n            onChange,\n            onClear,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [inputNode, setInputNode] = useState<HTMLInputElement | null>(null);\n        const textMask = useRef<TextMaskInputElement | null>(null);\n\n        const [inputValue, setInputValue] = useState(value || defaultValue || '');\n        // Не показываем сырое значение до применения маски\n        const [textHidden, setTextHidden] = useState(true);\n\n        const update = useCallback(\n            (newValue = '') => {\n                if (textMask.current && inputNode) {\n                    try {\n                        textMask.current.update(newValue);\n                    } catch (e) {\n                        // ignore masking errors\n                    }\n\n                    setInputValue(inputNode.value);\n                }\n            },\n            [inputNode],\n        );\n\n        const handleInputChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                update(event.target.value);\n\n                if (onChange) {\n                    onChange(event, {\n                        value: event.target.value,\n                    });\n                }\n            },\n            [onChange, update],\n        );\n\n        const handleClear = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                update('');\n                if (onClear) onClear(event);\n            },\n            [onClear, update],\n        );\n\n        useEffect(() => {\n            if (inputNode) {\n                textMask.current = createTextMaskInputElement({\n                    mask,\n                    inputElement: inputNode,\n                    pipe: onBeforeDisplay,\n                    guide: false,\n                    keepCharPositions,\n                    showMask: false,\n                    placeholderChar: PLACEHOLDER_CHAR,\n                    rawValue: '',\n                    currentCaretPosition: 0,\n                    previousConformedValue: '',\n                });\n            }\n        }, [onBeforeDisplay, mask, keepCharPositions, inputNode]);\n\n        useEffect(() => {\n            update(value || defaultValue);\n        }, [value, update, defaultValue]);\n\n        useEffect(() => {\n            setTextHidden(false);\n        }, []);\n\n        return (\n            <Input\n                {...restProps}\n                className={cn(className, { [styles.textHidden]: textHidden })}\n                value={inputValue}\n                onChange={handleInputChange}\n                onClear={handleClear}\n                ref={mergeRefs([ref, setInputNode])}\n            />\n        );\n    },\n);\n\nMaskedInput.displayName = 'MaskedInput';\n"],"names":[],"mappings":"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"}

package/moderncssm/index.d.ts

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

package/moderncssm/index.js

@@ -1 +1,2 @@
 export { MaskedInput, PLACEHOLDER_CHAR } 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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-masked-input",
-    "version": "6.3.39",
+    "version": "7.0.0-snapshot-6a9d3fc",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -12,15 +12,16 @@
     },
     "sideEffects": false,
     "peerDependencies": {
-        "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
+        "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
+        "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input": "^15.6.2",
+        "@alfalab/core-components-input": "16.0.0-snapshot-6a9d3fc",
         "classnames": "^2.5.1",
         "react-merge-refs": "^1.1.0",
         "text-mask-core": "^5.1.2",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.7.4",
-    "varsVersion": "9.20.1"
+    "themesVersion": "14.0.0-snapshot-6a9d3fc",
+    "varsVersion": "10.0.0-snapshot-6a9d3fc"
 }

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;
+        };
+    };
+}