@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/FormField/components/FormFieldCounter.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldCounter = "formFieldCounter__8ba1727d";
+const formFieldCounter = "formFieldCounter__b525fa05";
 const styles = {
   formFieldCounter
 };

package/components/FormField/components/FormFieldDescription.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldDescription = "formFieldDescription__4e452c6d";
-const withCounter = "withCounter__b9c53e4e";
+const formFieldDescription = "formFieldDescription__c4cf61b6";
+const withCounter = "withCounter__e83a4305";
 const styles = {
   formFieldDescription,
   withCounter

package/components/FormField/components/FormFieldInput.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useMemo, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { isFilled } from "./utils.js";
-const formFieldInput = "formFieldInput__9cfa1912";
-const sm = "sm__d86d89eb";
-const md = "md__3199cd7c";
-const lg = "lg__03f0167d";
+const formFieldInput = "formFieldInput__95e739e8";
+const sm = "sm__ed5d7a26";
+const md = "md__cfe15086";
+const lg = "lg__961e2e6d";
 const styles = {
   formFieldInput,
   sm,
@@ -40,6 +40,7 @@ const FormFieldInput = React__default.forwardRef(
     );
     useLayoutEffect(() => {
       setTargetId(id);
+      return () => setTargetId((currentTargetId) => currentTargetId === id ? void 0 : currentTargetId);
     }, [id, setTargetId]);
     useLayoutEffect(() => {
       syncFilled(value ?? defaultValue);

package/components/FormField/components/FormFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldInput.js","sources":["../../../../src/components/FormField/components/FormFieldInput.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldInput.module.less\";\n\n/** Свойства, передаваемые в рендер-функцию компонента FormFieldInput. */\nexport interface IFormFieldInputProvideProps extends React.InputHTMLAttributes<HTMLInputElement>, DataAttributes {}\n\n/** Свойства компонента FormFieldInput. */\nexport interface IFormFieldInputProps extends Omit<IFormFieldInputProvideProps, \"disabled\"> {\n    /**\n     * Рендер-функция, в которую можно передать любой инпут с нужным функционалом (валидация ввода, маска).\n     * Через аргумент props инпуту передаётся нужная стилизация, идентификатор и обработчики событий.\n     */\n    render?: (props: IFormFieldInputProvideProps, ref?: React.Ref<HTMLInputElement>) => React.ReactNode;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Компонент, отображающий input.\n *\n * Синхронизирует с FormFieldContext идентификатор элемента ввода, состояния фокуса и заполненности,\n * а также блокируется, когда поле имеет статус `EFormFieldStatus.DISABLED`.\n */\nexport const FormFieldInput = React.forwardRef<HTMLInputElement, IFormFieldInputProps>(\n    (\n        {\n            id: idProp,\n            className,\n            value,\n            defaultValue,\n            onFocus,\n            onBlur,\n            onAnimationStart,\n            onChange,\n            render,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"input_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldInput, SIZE_TO_CLASS_NAME_MAP[size], className);\n\n        const syncFilled = useCallback(\n            (nextValue: IFormFieldInputProps[\"value\"]) => {\n                setFilled(isFilled(nextValue));\n            },\n            [setFilled],\n        );\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n        }, [id, setTargetId]);\n\n        // Начальная синхронизация заполненности: defaultValue учитывается только при монтировании,\n        // дальнейшие изменения value обрабатываются эффектом ниже.\n        useLayoutEffect(() => {\n            syncFilled(value ?? defaultValue);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useLayoutEffect(() => {\n            if (value !== undefined) {\n                syncFilled(value);\n            }\n        }, [value, syncFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [setFocused, syncFilled, onFocus],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [setFocused, syncFilled, onBlur],\n        );\n\n        /**\n         * Обработчик начала анимации.\n         *\n         * Текущая реализация необходима для кейсов с автозаполнением:\n         * - Браузер устанавливает значение в поле при загрузке страницы;\n         * - Браузер устанавливает значение в поле при навигации пользователем по сохранённым опциям заполнения.\n         */\n        const handleAnimationStart = useCallback<React.AnimationEventHandler<HTMLInputElement>>(\n            (event) => {\n                if (event.animationName.startsWith(\"autofill-applied-hook\")) {\n                    setFilled(true);\n                } else if (event.animationName.startsWith(\"autofill-cancelled-hook\")) {\n                    // Необходимо проверить, что при отмене автозаполнения, в поле не находится значение.\n                    syncFilled(event.currentTarget.value);\n                }\n                onAnimationStart?.(event);\n            },\n            [setFilled, syncFilled, onAnimationStart],\n        );\n\n        const handleChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                onChange?.(event);\n            },\n            [syncFilled, onChange],\n        );\n\n        const commonProps: IFormFieldInputProvideProps = {\n            ...restProps,\n            id,\n            className: classNames,\n            value,\n            defaultValue,\n            disabled: status === EFormFieldStatus.DISABLED,\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n            onAnimationStart: handleAnimationStart,\n            onChange: handleChange,\n        };\n\n        if (render) {\n            // Рендер инпута, переданного снаружи.\n            return render(commonProps, ref);\n        }\n\n        // Рендер текстового инпута по умолчанию.\n        return <input {...commonProps} ref={ref} />;\n    },\n);\n\nFormFieldInput.displayName = \"FormFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAM,yBAAyB,yBAAyB,MAAM;AAQvD,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,EAAE,MAAM,QAAQ,YAAY,aAAa,UAAA,IAAc,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,QAAQ,IAAI,QAAS,CAAC,MAAM,CAAC;AACvF,UAAM,aAAa,KAAK,OAAO,gBAAgB,uBAAuB,IAAI,GAAG,SAAS;AAEtF,UAAM,aAAa;AAAA,MACf,CAAC,cAA6C;AAC1C,kBAAU,SAAS,SAAS,CAAC;AAAA,MACjC;AAAA,MACA,CAAC,SAAS;AAAA,IAAA;AAGd,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AAAA,IAClB,GAAG,CAAC,IAAI,WAAW,CAAC;AAIpB,oBAAgB,MAAM;AAClB,iBAAW,SAAS,YAAY;AAAA,IAEpC,GAAG,CAAA,CAAE;AAEL,oBAAgB,MAAM;AAClB,UAAI,UAAU,QAAW;AACrB,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,YAAY,YAAY,OAAO;AAAA,IAAA;AAGpC,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,YAAY,YAAY,MAAM;AAAA,IAAA;AAUnC,UAAM,uBAAuB;AAAA,MACzB,CAAC,UAAU;AACP,YAAI,MAAM,cAAc,WAAW,uBAAuB,GAAG;AACzD,oBAAU,IAAI;AAAA,QAClB,WAAW,MAAM,cAAc,WAAW,yBAAyB,GAAG;AAElE,qBAAW,MAAM,cAAc,KAAK;AAAA,QACxC;AACA,6DAAmB;AAAA,MACvB;AAAA,MACA,CAAC,WAAW,YAAY,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAAA,MACjB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,YAAY,QAAQ;AAAA,IAAA;AAGzB,UAAM,cAA2C;AAAA,MAC7C,GAAG;AAAA,MACH;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,UAAU,WAAW,iBAAiB;AAAA,MACtC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,UAAU;AAAA,IAAA;AAGd,QAAI,QAAQ;AAER,aAAO,OAAO,aAAa,GAAG;AAAA,IAClC;AAGA,WAAO,oBAAC,SAAA,EAAO,GAAG,aAAa,IAAA,CAAU;AAAA,EAC7C;AACJ;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"FormFieldInput.js","sources":["../../../../src/components/FormField/components/FormFieldInput.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldInput.module.less\";\n\n/** Свойства, передаваемые в рендер-функцию компонента FormFieldInput. */\nexport interface IFormFieldInputProvideProps extends React.InputHTMLAttributes<HTMLInputElement>, DataAttributes {}\n\n/** Свойства компонента FormFieldInput. */\nexport interface IFormFieldInputProps extends Omit<IFormFieldInputProvideProps, \"disabled\"> {\n    /**\n     * Рендер-функция, в которую можно передать любой инпут с нужным функционалом (валидация ввода, маска).\n     * Через аргумент props инпуту передаётся нужная стилизация, идентификатор и обработчики событий.\n     */\n    render?: (props: IFormFieldInputProvideProps, ref?: React.Ref<HTMLInputElement>) => React.ReactNode;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Компонент, отображающий input.\n *\n * Синхронизирует с FormFieldContext идентификатор элемента ввода, состояния фокуса и заполненности,\n * а также блокируется, когда поле имеет статус `EFormFieldStatus.DISABLED`.\n */\nexport const FormFieldInput = React.forwardRef<HTMLInputElement, IFormFieldInputProps>(\n    (\n        {\n            id: idProp,\n            className,\n            value,\n            defaultValue,\n            onFocus,\n            onBlur,\n            onAnimationStart,\n            onChange,\n            render,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"input_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldInput, SIZE_TO_CLASS_NAME_MAP[size], className);\n\n        const syncFilled = useCallback(\n            (nextValue: IFormFieldInputProps[\"value\"]) => {\n                setFilled(isFilled(nextValue));\n            },\n            [setFilled],\n        );\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n            return () => setTargetId((currentTargetId) => (currentTargetId === id ? undefined : currentTargetId));\n        }, [id, setTargetId]);\n\n        // Начальная синхронизация заполненности: defaultValue учитывается только при монтировании,\n        // дальнейшие изменения value обрабатываются эффектом ниже.\n        useLayoutEffect(() => {\n            syncFilled(value ?? defaultValue);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useLayoutEffect(() => {\n            if (value !== undefined) {\n                syncFilled(value);\n            }\n        }, [value, syncFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [setFocused, syncFilled, onFocus],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [setFocused, syncFilled, onBlur],\n        );\n\n        /**\n         * Обработчик начала анимации.\n         *\n         * Текущая реализация необходима для кейсов с автозаполнением:\n         * - Браузер устанавливает значение в поле при загрузке страницы;\n         * - Браузер устанавливает значение в поле при навигации пользователем по сохранённым опциям заполнения.\n         */\n        const handleAnimationStart = useCallback<React.AnimationEventHandler<HTMLInputElement>>(\n            (event) => {\n                if (event.animationName.startsWith(\"autofill-applied-hook\")) {\n                    setFilled(true);\n                } else if (event.animationName.startsWith(\"autofill-cancelled-hook\")) {\n                    // Необходимо проверить, что при отмене автозаполнения, в поле не находится значение.\n                    syncFilled(event.currentTarget.value);\n                }\n                onAnimationStart?.(event);\n            },\n            [setFilled, syncFilled, onAnimationStart],\n        );\n\n        const handleChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                onChange?.(event);\n            },\n            [syncFilled, onChange],\n        );\n\n        const commonProps: IFormFieldInputProvideProps = {\n            ...restProps,\n            id,\n            className: classNames,\n            value,\n            defaultValue,\n            disabled: status === EFormFieldStatus.DISABLED,\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n            onAnimationStart: handleAnimationStart,\n            onChange: handleChange,\n        };\n\n        if (render) {\n            // Рендер инпута, переданного снаружи.\n            return render(commonProps, ref);\n        }\n\n        // Рендер текстового инпута по умолчанию.\n        return <input {...commonProps} ref={ref} />;\n    },\n);\n\nFormFieldInput.displayName = \"FormFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAM,yBAAyB,yBAAyB,MAAM;AAQvD,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CACI;AAAA,IACI,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,EAAE,MAAM,QAAQ,YAAY,aAAa,UAAA,IAAc,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,QAAQ,IAAI,QAAS,CAAC,MAAM,CAAC;AACvF,UAAM,aAAa,KAAK,OAAO,gBAAgB,uBAAuB,IAAI,GAAG,SAAS;AAEtF,UAAM,aAAa;AAAA,MACf,CAAC,cAA6C;AAC1C,kBAAU,SAAS,SAAS,CAAC;AAAA,MACjC;AAAA,MACA,CAAC,SAAS;AAAA,IAAA;AAGd,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AACd,aAAO,MAAM,YAAY,CAAC,oBAAqB,oBAAoB,KAAK,SAAY,eAAgB;AAAA,IACxG,GAAG,CAAC,IAAI,WAAW,CAAC;AAIpB,oBAAgB,MAAM;AAClB,iBAAW,SAAS,YAAY;AAAA,IAEpC,GAAG,CAAA,CAAE;AAEL,oBAAgB,MAAM;AAClB,UAAI,UAAU,QAAW;AACrB,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,YAAY,YAAY,OAAO;AAAA,IAAA;AAGpC,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,YAAY,YAAY,MAAM;AAAA,IAAA;AAUnC,UAAM,uBAAuB;AAAA,MACzB,CAAC,UAAU;AACP,YAAI,MAAM,cAAc,WAAW,uBAAuB,GAAG;AACzD,oBAAU,IAAI;AAAA,QAClB,WAAW,MAAM,cAAc,WAAW,yBAAyB,GAAG;AAElE,qBAAW,MAAM,cAAc,KAAK;AAAA,QACxC;AACA,6DAAmB;AAAA,MACvB;AAAA,MACA,CAAC,WAAW,YAAY,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAAA,MACjB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,YAAY,QAAQ;AAAA,IAAA;AAGzB,UAAM,cAA2C;AAAA,MAC7C,GAAG;AAAA,MACH;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,UAAU,WAAW,iBAAiB;AAAA,MACtC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,UAAU;AAAA,IAAA;AAGd,QAAI,QAAQ;AAER,aAAO,OAAO,aAAa,GAAG;AAAA,IAClC;AAGA,WAAO,oBAAC,SAAA,EAAO,GAAG,aAAa,IAAA,CAAU;AAAA,EAC7C;AACJ;AAEA,eAAe,cAAc;"}

package/components/FormField/components/FormFieldLabel.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useMemo, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus } from "../enums.js";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldLabel = "formFieldLabel__c3151cb8";
-const sm = "sm__d86d89eb";
-const md = "md__3199cd7c";
-const lg = "lg__03f0167d";
-const floating = "floating__58934e39";
-const formFieldLabelText = "formFieldLabelText__6e69d88e";
-const disabled = "disabled__c6e77d48";
+const formFieldLabel = "formFieldLabel__de853f80";
+const sm = "sm__ed5d7a26";
+const md = "md__cfe15086";
+const lg = "lg__961e2e6d";
+const floating = "floating__c19f75dd";
+const formFieldLabelText = "formFieldLabelText__232ec83b";
+const disabled = "disabled__f8e0d3d6";
 const styles = {
   formFieldLabel,
   sm,
@@ -45,7 +45,19 @@ const FormFieldLabel = React__default.forwardRef(
     useLayoutEffect(() => {
       setLabelId(id);
     }, [id, setLabelId]);
-    return /* @__PURE__ */ jsx("label", { ...restProps, id, className: classNames, htmlFor: targetId, style: labelStyle, ref, children: /* @__PURE__ */ jsx("span", { className: styles.formFieldLabelText, children }) });
+    const Tag = targetId === void 0 ? "span" : "label";
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ...restProps,
+        id,
+        className: classNames,
+        htmlFor: targetId,
+        style: labelStyle,
+        ref,
+        children: /* @__PURE__ */ jsx("span", { className: styles.formFieldLabelText, children })
+      }
+    );
   }
 );
 FormFieldLabel.displayName = "FormFieldLabel";

package/components/FormField/components/FormFieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldLabel.js","sources":["../../../../src/components/FormField/components/FormFieldLabel.tsx"],"sourcesContent":["import React, { useContext, useMemo, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport styles from \"../styles/FormFieldLabel.module.less\";\n\n/** Свойства компонента FormFieldLabel. */\nexport interface IFormFieldLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, \"htmlFor\"> {\n    /** Label отображается в уменьшенном виде над полем ввода/селектом. Если значение не задано, вычисляется как filled || active из FormFieldContext. */\n    floating?: boolean;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Лейбл поля ввода/селекта.\n *\n * Отображается по середине поля ввода; когда инпут/селект имеет значение или фокус,\n * перемещается в верхний левый угол. Атрибут htmlFor берётся из FormFieldContext (targetId),\n * собственный идентификатор публикуется в контекст как labelId.\n */\nexport const FormFieldLabel = React.forwardRef<HTMLLabelElement, IFormFieldLabelProps>(\n    ({ children, id: idProp, className, style, floating: floatingProp, ...restProps }, ref) => {\n        const { targetId, size, status, filled, active, prefixWidth, postfixWidth, setLabelId } =\n            useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"label_\") : idProp), [idProp]);\n        // Label отображается в уменьшенном виде над полем ввода/селектом.\n        const floating = floatingProp ?? (filled || active);\n\n        const classNames = clsx(\n            styles.formFieldLabel,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            {\n                [styles.floating]: floating,\n                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            },\n            className,\n        );\n\n        const labelStyle = {\n            // Позиции по краям учитывают ширину префикса и постфикса, чтобы лейбл не перекрывался иконками.\n            left: prefixWidth || TARGET_PADDING_X_DEFAULT,\n            right: postfixWidth || TARGET_PADDING_X_DEFAULT,\n            ...style,\n        };\n\n        useLayoutEffect(() => {\n            setLabelId(id);\n        }, [id, setLabelId]);\n\n        return (\n            <label {...restProps} id={id} className={classNames} htmlFor={targetId} style={labelStyle} ref={ref}>\n                <span className={styles.formFieldLabelText}>{children}</span>\n            </label>\n        );\n    },\n);\n\nFormFieldLabel.displayName = \"FormFieldLabel\";\n"],"names":["React","floating"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,yBAAyB,yBAAyB,MAAM;AASvD,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CAAC,EAAE,UAAU,IAAI,QAAQ,WAAW,OAAO,UAAU,cAAc,GAAG,UAAA,GAAa,QAAQ;AACvF,UAAM,EAAE,UAAU,MAAM,QAAQ,QAAQ,QAAQ,aAAa,cAAc,eACvE,WAAW,gBAAgB;AAC/B,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,QAAQ,IAAI,QAAS,CAAC,MAAM,CAAC;AAEvF,UAAMC,YAAW,iBAAiB,UAAU;AAE5C,UAAM,aAAa;AAAA,MACf,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B;AAAA,QACI,CAAC,OAAO,QAAQ,GAAGA;AAAA,QACnB,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAAA;AAAA,MAEnD;AAAA,IAAA;AAGJ,UAAM,aAAa;AAAA;AAAA,MAEf,MAAM,eAAe;AAAA,MACrB,OAAO,gBAAgB;AAAA,MACvB,GAAG;AAAA,IAAA;AAGP,oBAAgB,MAAM;AAClB,iBAAW,EAAE;AAAA,IACjB,GAAG,CAAC,IAAI,UAAU,CAAC;AAEnB,+BACK,SAAA,EAAO,GAAG,WAAW,IAAQ,WAAW,YAAY,SAAS,UAAU,OAAO,YAAY,KACvF,UAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,oBAAqB,UAAS,GAC1D;AAAA,EAER;AACJ;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"FormFieldLabel.js","sources":["../../../../src/components/FormField/components/FormFieldLabel.tsx"],"sourcesContent":["import React, { useContext, useMemo, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport styles from \"../styles/FormFieldLabel.module.less\";\n\n/** Свойства компонента FormFieldLabel. */\nexport interface IFormFieldLabelProps extends React.HTMLAttributes<HTMLElement> {\n    /** Label отображается в уменьшенном виде над полем ввода/селектом. Если значение не задано, вычисляется как filled || active из FormFieldContext. */\n    floating?: boolean;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Лейбл поля ввода/селекта.\n *\n * Отображается по середине поля ввода; когда инпут/селект имеет значение или фокус,\n * перемещается в верхний левый угол. Собственный идентификатор публикуется в контекст как labelId.\n *\n * Тег зависит от того, есть ли в поле labelable-элемент (input, textarea, select).\n */\nexport const FormFieldLabel = React.forwardRef<HTMLElement, IFormFieldLabelProps>(\n    ({ children, id: idProp, className, style, floating: floatingProp, ...restProps }, ref) => {\n        const { targetId, size, status, filled, active, prefixWidth, postfixWidth, setLabelId } =\n            useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"label_\") : idProp), [idProp]);\n        // Label отображается в уменьшенном виде над полем ввода/селектом.\n        const floating = floatingProp ?? (filled || active);\n\n        const classNames = clsx(\n            styles.formFieldLabel,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            {\n                [styles.floating]: floating,\n                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            },\n            className,\n        );\n\n        const labelStyle = {\n            // Позиции по краям учитывают ширину префикса и постфикса, чтобы лейбл не перекрывался иконками.\n            left: prefixWidth || TARGET_PADDING_X_DEFAULT,\n            right: postfixWidth || TARGET_PADDING_X_DEFAULT,\n            ...style,\n        };\n\n        useLayoutEffect(() => {\n            setLabelId(id);\n        }, [id, setLabelId]);\n\n        // <label> без htmlFor и без вложенного поля браузер считает несвязанным лейблом,\n        // поэтому в полях без labelable-элемента рендерится <span>.\n        const Tag = targetId === undefined ? \"span\" : \"label\";\n\n        return (\n            <Tag\n                {...restProps}\n                id={id}\n                className={classNames}\n                htmlFor={targetId}\n                style={labelStyle}\n                // Tag — объединение тегов, поэтому ref приводится к типу более узкого из них.\n                ref={ref as React.Ref<HTMLLabelElement>}\n            >\n                <span className={styles.formFieldLabelText}>{children}</span>\n            </Tag>\n        );\n    },\n);\n\nFormFieldLabel.displayName = \"FormFieldLabel\";\n"],"names":["React","floating"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,yBAAyB,yBAAyB,MAAM;AAUvD,MAAM,iBAAiBA,eAAM;AAAA,EAChC,CAAC,EAAE,UAAU,IAAI,QAAQ,WAAW,OAAO,UAAU,cAAc,GAAG,UAAA,GAAa,QAAQ;AACvF,UAAM,EAAE,UAAU,MAAM,QAAQ,QAAQ,QAAQ,aAAa,cAAc,eACvE,WAAW,gBAAgB;AAC/B,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,QAAQ,IAAI,QAAS,CAAC,MAAM,CAAC;AAEvF,UAAMC,YAAW,iBAAiB,UAAU;AAE5C,UAAM,aAAa;AAAA,MACf,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B;AAAA,QACI,CAAC,OAAO,QAAQ,GAAGA;AAAA,QACnB,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAAA;AAAA,MAEnD;AAAA,IAAA;AAGJ,UAAM,aAAa;AAAA;AAAA,MAEf,MAAM,eAAe;AAAA,MACrB,OAAO,gBAAgB;AAAA,MACvB,GAAG;AAAA,IAAA;AAGP,oBAAgB,MAAM;AAClB,iBAAW,EAAE;AAAA,IACjB,GAAG,CAAC,IAAI,UAAU,CAAC;AAInB,UAAM,MAAM,aAAa,SAAY,SAAS;AAE9C,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QAEP;AAAA,QAEA,UAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,oBAAqB,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlE;AACJ;AAEA,eAAe,cAAc;"}

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,19 +1,19 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useContext, useEffect, useCallback } from "react";
-import { c as clsx, n as MaskedInputTextMask, o as reactTextMaskExports } from "../../../chunks/vendor-D4wvHis9.js";
+import { m as reactTextMaskExports, c as clsx, n as MaskedInputTextMask } from "../../../chunks/vendor-CUIykw0y.js";
 import { presets } from "./FormFieldMaskedInputPresets.js";
 import { FormFieldInput } from "./FormFieldInput.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__f37ab83b";
-const maskLayout = "maskLayout__75187013";
-const sm = "sm__d86d89eb";
-const md = "md__3199cd7c";
-const lg = "lg__03f0167d";
-const valueMirror = "valueMirror__c3892ef2";
-const placeholderMask = "placeholderMask__1be9347a";
-const disabled = "disabled__c6e77d48";
+const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__d00c14c2";
+const maskLayout = "maskLayout__e7eb33dc";
+const sm = "sm__ed5d7a26";
+const md = "md__cfe15086";
+const lg = "lg__961e2e6d";
+const valueMirror = "valueMirror__44af0393";
+const placeholderMask = "placeholderMask__1b312d0f";
+const disabled = "disabled__f8e0d3d6";
 const styles = {
   formFieldMaskedInputWrapper,
   maskLayout,
@@ -24,6 +24,16 @@ const styles = {
   placeholderMask,
   disabled
 };
+const PHONE_PREFIX = "+7 (";
+const normalizePhoneText = (text) => {
+  let indexesOfPipedChars = [];
+  let nextText = text.replace(/^[78]((\D*\d)*)/, `${PHONE_PREFIX}$1`);
+  nextText = nextText.replace(/^\d7/, (match) => {
+    indexesOfPipedChars = Array.from(PHONE_PREFIX).map((_, i) => i);
+    return `${PHONE_PREFIX}${match}`;
+  });
+  return { indexesOfPipedChars, text: nextText };
+};
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const FormFieldMaskedInputBase = React__default.forwardRef(
   ({
@@ -41,10 +51,11 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
     const [filledLength, setFilledLength] = useState(0);
     const pasted = useRef(false);
     const { filled, focused, size, status } = useContext(FormFieldContext);
+    const normalizedValue = mask === presets.masks.phone ? normalizePhoneText(value).text : value;
     useEffect(() => {
       const calculatePlaceholderValue = () => {
         let nextPlaceholderValue = [];
-        if (!value) {
+        if (!normalizedValue) {
           if (placeholderMask2) {
             nextPlaceholderValue = placeholderMask2.split("");
           } else {
@@ -53,8 +64,8 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
           }
           setFilledLength(0);
         } else {
-          const { conformedValue } = reactTextMaskExports.conformToMask(value.toString(), mask, { guide: true, placeholderChar });
-          const conformed = reactTextMaskExports.conformToMask(value.toString(), mask, {
+          const { conformedValue } = reactTextMaskExports.conformToMask(normalizedValue, mask, { guide: true, placeholderChar });
+          const conformed = reactTextMaskExports.conformToMask(normalizedValue, mask, {
             guide: false,
             placeholderChar
           }).conformedValue;
@@ -63,7 +74,7 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
             if (typeof mask[i] === "string") {
               nextPlaceholderValue[i] = conformedValue[i];
             } else {
-              if (conformedValue[i] === placeholderChar && !value.toString()[i]) {
+              if (conformedValue[i] === placeholderChar && !normalizedValue[i]) {
                 nextPlaceholderValue[i] = (placeholderMask2 == null ? void 0 : placeholderMask2[i]) || placeholderChar;
               } else {
                 nextPlaceholderValue[i] = conformedValue[i];
@@ -74,7 +85,7 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
         return nextPlaceholderValue.join("");
       };
       setPlaceholderValue(calculatePlaceholderValue());
-    }, [value, mask, placeholderChar, placeholderMask2]);
+    }, [normalizedValue, mask, placeholderChar, placeholderMask2]);
     const handlePaste = () => {
       pasted.current = true;
     };
@@ -90,30 +101,13 @@ const FormFieldMaskedInputBase = React__default.forwardRef(
       return conformedValue;
     };
     const phonePipe = (text) => {
-      let indexesOfPipedChars = [];
-      if (pasted.current) {
-        let regEx = /^[78]((\D*\d)*)/;
-        text = text.replace(regEx, "+7 ($1");
-        regEx = /^\d7/;
-        text = text.replace(regEx, (match) => {
-          indexesOfPipedChars = Array.from("+7 (").map((_, i) => i);
-          return `+7 (${match}`;
-        });
-      } else if (text === "7" || text === "8") {
-        text = "+7 (";
-      }
+      const normalized = pasted.current ? normalizePhoneText(text) : { indexesOfPipedChars: [], text: text === "7" || text === "8" ? PHONE_PREFIX : text };
       return {
-        indexesOfPipedChars,
-        value: reactTextMaskExports.conformToMask(text, mask, { guide: false, placeholderChar }).conformedValue
+        indexesOfPipedChars: normalized.indexesOfPipedChars,
+        value: reactTextMaskExports.conformToMask(normalized.text, mask, { guide: false, placeholderChar }).conformedValue
       };
     };
-    const getValue = () => {
-      if (mask === presets.masks.phone) {
-        return phonePipe(value).value;
-      }
-      return reactTextMaskExports.conformToMask(value, mask, { guide: false, placeholderChar }).conformedValue;
-    };
-    const maskedValue = getValue();
+    const maskedValue = reactTextMaskExports.conformToMask(normalizedValue, mask, { guide: false, placeholderChar }).conformedValue;
     const inputValue = mask === presets.masks.phone ? maskedValue : value;
     const handleChange = useCallback(
       (event) => {

package/components/FormField/components/FormFieldMaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldMaskedInput.js","sources":["../../../../src/components/FormField/components/FormFieldMaskedInput.tsx"],"sourcesContent":["import React, { useEffect, useContext, useRef, useState, useCallback } from \"react\";\nimport MaskedInputTextMask, { conformToMask, MaskedInputProps, PipeConfig } from \"react-text-mask\";\nimport clsx from \"clsx\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { presets } from \"./FormFieldMaskedInputPresets\";\nimport { FormFieldInput } from \"./FormFieldInput\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { TFormFieldMaskedInputMask } from \"../types\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { createSizeToClassNameMap } from \"../../../utils\";\nimport styles from \"../styles/FormFieldMaskedInput.module.less\";\n\n/** Свойства компонента FormFieldMaskedInput. */\nexport interface IFormFieldMaskedInputProps\n    extends Omit<MaskedInputProps, \"disabled\" | \"guide\" | \"mask\" | \"render\" | \"defaultValue\">, DataAttributes {\n    /** Значение поля. Поле контролируемое, поэтому начальное значение задаётся через него, а не через defaultValue. */\n    value: string;\n    /** Ссылка на поле ввода. */\n    forwardedRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Маска. Каждый элемент массива должен быть либо строкой, либо регулярным выражением. Каждая строка — это фиксированный символ в маске, а каждое регулярное выражение — это заполнитель, который принимает пользовательский ввод.\n     * Подробнее можно ознакомиться https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask.\n     */\n    mask: TFormFieldMaskedInputMask;\n    /** Плейсхолдер, отображаемый при вводе. Например: дд.мм.гггг, при вводе будет отображаться как 22.1м.гггг. */\n    placeholderMask?: string;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nconst FormFieldMaskedInputBase = React.forwardRef<HTMLDivElement, IFormFieldMaskedInputProps>(\n    (\n        {\n            className,\n            forwardedRef,\n            mask,\n            onChange,\n            placeholder,\n            placeholderChar = \"0\",\n            placeholderMask,\n            value,\n            ...restProps\n        },\n        ref,\n    ) => {\n        // Значение инпута, отображающего часть введенного значения и оставшуюся маску.\n        const [placeholderValue, setPlaceholderValue] = useState(\"\");\n        const [filledLength, setFilledLength] = useState(0);\n        const pasted = useRef(false);\n        const { filled, focused, size, status } = useContext(FormFieldContext);\n\n        useEffect(() => {\n            /** Возвращает значение placeholderValue. */\n            const calculatePlaceholderValue = (): string => {\n                // Массив символов placeholderValue.\n                let nextPlaceholderValue: string[] = [];\n\n                // Значение инпута остутствует.\n                if (!value) {\n                    // Передан props placeholderMask, например дд.мм.гггг\n                    if (placeholderMask) {\n                        // При наличии маски плейсхолдера, placeholderValue равен маски плейсхолдера.\n                        nextPlaceholderValue = placeholderMask.split(\"\");\n                    } else {\n                        // Маска с символами заполнения, например 00.00.00\n                        const { conformedValue } = conformToMask(\"\", mask, { guide: true, placeholderChar });\n                        nextPlaceholderValue = conformedValue.split(\"\");\n                    }\n                    setFilledLength(0);\n                }\n                // Инпут имеет value.\n                else {\n                    // Value с маской, например: 22.00.00\n                    const { conformedValue } = conformToMask(value.toString(), mask, { guide: true, placeholderChar });\n                    // Нам нужна точная длина того, что уже ввел пользователь\n                    const conformed = conformToMask(value.toString(), mask, {\n                        guide: false,\n                        placeholderChar,\n                    }).conformedValue;\n                    setFilledLength(conformed.length);\n\n                    // Символы placeholderValue собираются из введенного пользователем значения и оставшейся части из placeholderMask или placeholderChar.\n                    for (let i = 0; i < mask.length; i++) {\n                        // Не редактируемый символ маски.\n                        if (typeof mask[i] === \"string\") {\n                            // Символ из маски.\n                            nextPlaceholderValue[i] = conformedValue[i];\n                        } else {\n                            // Не введенный пользователем символ заполняется символом placeholderMask или placeholderChar.\n                            if (conformedValue[i] === placeholderChar && !value.toString()[i]) {\n                                nextPlaceholderValue[i] = placeholderMask?.[i] || placeholderChar;\n                            } else {\n                                nextPlaceholderValue[i] = conformedValue[i];\n                            }\n                        }\n                    }\n                }\n\n                return nextPlaceholderValue.join(\"\");\n            };\n\n            setPlaceholderValue(calculatePlaceholderValue());\n        }, [value, mask, placeholderChar, placeholderMask]);\n\n        const handlePaste = () => {\n            pasted.current = true;\n        };\n\n        // Постобработчик введенных значений. Выполняется после внутреннего форматирования и до onChange.\n        const pipe = (conformedValue: string, config: PipeConfig) => {\n            // Для маски с номером телефона отдельный обработчик.\n            if (mask === presets.masks.phone) {\n                // Пустое значение не обрабатывается, чтобы значение в инпуте можно было стереть полностью.\n                if (!conformedValue.length) {\n                    return conformedValue;\n                }\n\n                return phonePipe(config.rawValue);\n            } else if (mask === presets.masks.swiftCode) {\n                return conformedValue.toUpperCase();\n            }\n\n            return conformedValue;\n        };\n\n        // Постобработчик введенных значений, если маска является номером телефона.\n        const phonePipe = (text: string) => {\n            let indexesOfPipedChars: number[] = [];\n\n            if (pasted.current) {\n                // Выражение для поиска чисел из 1 цифры и более, начинающихся с 7 или 8\n                let regEx = /^[78]((\\D*\\d)*)/;\n\n                text = text.replace(regEx, \"+7 ($1\");\n\n                // Выражение для поиска чисел вида {любая цифра}7, например 87, 971 и т.д.\n                regEx = /^\\d7/;\n\n                // Если вторая цифра номера 7, добавляется +7 перед этим, иначе conformToMask вместо 9701234567 вернет +7901234567.\n                text = text.replace(regEx, (match) => {\n                    indexesOfPipedChars = Array.from(\"+7 (\").map((_, i) => i);\n                    return `+7 (${match}`;\n                });\n            } else if (text === \"7\" || text === \"8\") {\n                // Если первая введенная цифра 7 или 8, заменяем её на +7 (\n                text = \"+7 (\";\n            }\n\n            return {\n                indexesOfPipedChars,\n                value: conformToMask(text, mask, { guide: false, placeholderChar }).conformedValue,\n            };\n        };\n\n        // Возвращает value, приведённое к маске. Для некоторых типов масок, value приходится модифицировать из-за багов.\n        const getValue = (): string => {\n            if (mask === presets.masks.phone) {\n                return phonePipe(value).value;\n            }\n\n            return conformToMask(value, mask, { guide: false, placeholderChar }).conformedValue;\n        };\n\n        // Значение, приведённое к маске, — уходит в react-text-mask.\n        const maskedValue = getValue();\n        /*\n         * Значение, отображаемое в input. Для маски телефона — приведённое к маске (телефон нормализует\n         * ввод с 7/8/+7 в начале, без этого react-text-mask форматирует номер неверно), для остальных масок —\n         * исходное: react-text-mask сам пишет отформатированное значение в DOM, а исходное значение нужно,\n         * чтобы можно было стереть символ-разделитель (иначе маска тут же возвращает его обратно).\n         */\n        const inputValue = mask === presets.masks.phone ? maskedValue : value;\n\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                const { value: nextValue } = event.target;\n\n                pasted.current = false;\n\n                // Сравнивается именно отображаемое значение: react-text-mask успевает отформатировать\n                // DOM до вызова обработчика, поэтому nextValue уже приведено к маске.\n                if (inputValue !== nextValue) {\n                    onChange?.(event);\n                }\n            },\n            [inputValue, onChange],\n        );\n\n        /** Функция для хранения ссылки. */\n        const setRef = (ref: (inputElement: HTMLElement) => void) => (instance: HTMLInputElement | null) => {\n            if (instance) {\n                ref(instance);\n            }\n            if (typeof forwardedRef === \"function\") {\n                forwardedRef(instance);\n            } else if (forwardedRef) {\n                (forwardedRef as React.MutableRefObject<HTMLInputElement | null>).current = instance;\n            }\n        };\n\n        const getPlaceholderValue = () => {\n            if ((!filled && !focused) || (!value && placeholder)) {\n                return \"\";\n            }\n            return placeholderValue;\n        };\n\n        return (\n            <div className={clsx(styles.formFieldMaskedInputWrapper, className)} ref={ref}>\n                {getPlaceholderValue() && (\n                    <div className={clsx(styles.maskLayout, SIZE_TO_CLASS_NAME_MAP[size])} aria-hidden=\"true\">\n                        <span className={styles.valueMirror}>{placeholderValue.slice(0, filledLength)}</span>\n                        <span\n                            className={clsx(styles.placeholderMask, {\n                                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n                            })}\n                        >\n                            {placeholderValue.slice(filledLength)}\n                        </span>\n                    </div>\n                )}\n\n                {/* Input, отображающий введенное значение. */}\n                <MaskedInputTextMask\n                    disabled={status === EFormFieldStatus.DISABLED}\n                    /* Input отображает только введенное значение без маски, маска рисуется в inputPlaceholder. */\n                    guide={false}\n                    render={(ref, props) => (\n                        <FormFieldInput\n                            {...props}\n                            // react-text-mask подставляет в props defaultValue, равное value (https://github.com/text-mask/text-mask/pull/993).\n                            // На контролируемом input это даёт предупреждение React «both value and defaultValue props».\n                            defaultValue={undefined}\n                            value={inputValue}\n                            placeholder={placeholder || \"\"}\n                            ref={setRef(ref)}\n                        />\n                    )}\n                    mask={mask}\n                    onChange={handleChange}\n                    onPaste={handlePaste}\n                    placeholderChar={placeholderChar}\n                    // value={value} не используется т.к. возникает баг при передаче снаружи изначально пустого value, а затем не пустого.\n                    value={maskedValue}\n                    pipe={pipe}\n                    type=\"text\"\n                    {...restProps}\n                />\n            </div>\n        );\n    },\n);\n\nFormFieldMaskedInputBase.displayName = \"FormFieldMaskedInput\";\n\n/**\n * Компонент маскированного ввода.\n * Основан на https://github.com/text-mask/text-mask.\n */\nexport const FormFieldMaskedInput = Object.assign(FormFieldMaskedInputBase, { presets });\n"],"names":["React","placeholderMask","conformToMask","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,yBAAyB,yBAAyB,MAAM;AAE9D,MAAM,2BAA2BA,eAAM;AAAA,EACnC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,iBAAAC;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AAED,UAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,EAAE;AAC3D,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAClD,UAAM,SAAS,OAAO,KAAK;AAC3B,UAAM,EAAE,QAAQ,SAAS,MAAM,OAAA,IAAW,WAAW,gBAAgB;AAErE,cAAU,MAAM;AAEZ,YAAM,4BAA4B,MAAc;AAE5C,YAAI,uBAAiC,CAAA;AAGrC,YAAI,CAAC,OAAO;AAER,cAAIA,kBAAiB;AAEjB,mCAAuBA,iBAAgB,MAAM,EAAE;AAAA,UACnD,OAAO;AAEH,kBAAM,EAAE,mBAAmBC,qBAAAA,cAAc,IAAI,MAAM,EAAE,OAAO,MAAM,iBAAiB;AACnF,mCAAuB,eAAe,MAAM,EAAE;AAAA,UAClD;AACA,0BAAgB,CAAC;AAAA,QACrB,OAEK;AAED,gBAAM,EAAE,eAAA,IAAmBA,qBAAAA,cAAc,MAAM,YAAY,MAAM,EAAE,OAAO,MAAM,gBAAA,CAAiB;AAEjG,gBAAM,YAAYA,qBAAAA,cAAc,MAAM,SAAA,GAAY,MAAM;AAAA,YACpD,OAAO;AAAA,YACP;AAAA,UAAA,CACH,EAAE;AACH,0BAAgB,UAAU,MAAM;AAGhC,mBAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AAElC,gBAAI,OAAO,KAAK,CAAC,MAAM,UAAU;AAE7B,mCAAqB,CAAC,IAAI,eAAe,CAAC;AAAA,YAC9C,OAAO;AAEH,kBAAI,eAAe,CAAC,MAAM,mBAAmB,CAAC,MAAM,SAAA,EAAW,CAAC,GAAG;AAC/D,qCAAqB,CAAC,KAAID,oBAAA,gBAAAA,iBAAkB,OAAM;AAAA,cACtD,OAAO;AACH,qCAAqB,CAAC,IAAI,eAAe,CAAC;AAAA,cAC9C;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAEA,eAAO,qBAAqB,KAAK,EAAE;AAAA,MACvC;AAEA,0BAAoB,2BAA2B;AAAA,IACnD,GAAG,CAAC,OAAO,MAAM,iBAAiBA,gBAAe,CAAC;AAElD,UAAM,cAAc,MAAM;AACtB,aAAO,UAAU;AAAA,IACrB;AAGA,UAAM,OAAO,CAAC,gBAAwB,WAAuB;AAEzD,UAAI,SAAS,QAAQ,MAAM,OAAO;AAE9B,YAAI,CAAC,eAAe,QAAQ;AACxB,iBAAO;AAAA,QACX;AAEA,eAAO,UAAU,OAAO,QAAQ;AAAA,MACpC,WAAW,SAAS,QAAQ,MAAM,WAAW;AACzC,eAAO,eAAe,YAAA;AAAA,MAC1B;AAEA,aAAO;AAAA,IACX;AAGA,UAAM,YAAY,CAAC,SAAiB;AAChC,UAAI,sBAAgC,CAAA;AAEpC,UAAI,OAAO,SAAS;AAEhB,YAAI,QAAQ;AAEZ,eAAO,KAAK,QAAQ,OAAO,QAAQ;AAGnC,gBAAQ;AAGR,eAAO,KAAK,QAAQ,OAAO,CAAC,UAAU;AAClC,gCAAsB,MAAM,KAAK,MAAM,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC;AACxD,iBAAO,OAAO,KAAK;AAAA,QACvB,CAAC;AAAA,MACL,WAAW,SAAS,OAAO,SAAS,KAAK;AAErC,eAAO;AAAA,MACX;AAEA,aAAO;AAAA,QACH;AAAA,QACA,OAAOC,qBAAAA,cAAc,MAAM,MAAM,EAAE,OAAO,OAAO,gBAAA,CAAiB,EAAE;AAAA,MAAA;AAAA,IAE5E;AAGA,UAAM,WAAW,MAAc;AAC3B,UAAI,SAAS,QAAQ,MAAM,OAAO;AAC9B,eAAO,UAAU,KAAK,EAAE;AAAA,MAC5B;AAEA,aAAOA,qBAAAA,cAAc,OAAO,MAAM,EAAE,OAAO,OAAO,gBAAA,CAAiB,EAAE;AAAA,IACzE;AAGA,UAAM,cAAc,SAAA;AAOpB,UAAM,aAAa,SAAS,QAAQ,MAAM,QAAQ,cAAc;AAEhE,UAAM,eAAe;AAAA,MACjB,CAAC,UAA+C;AAC5C,cAAM,EAAE,OAAO,UAAA,IAAc,MAAM;AAEnC,eAAO,UAAU;AAIjB,YAAI,eAAe,WAAW;AAC1B,+CAAW;AAAA,QACf;AAAA,MACJ;AAAA,MACA,CAAC,YAAY,QAAQ;AAAA,IAAA;AAIzB,UAAM,SAAS,CAACC,SAA6C,CAAC,aAAsC;AAChG,UAAI,UAAU;AACVA,aAAI,QAAQ;AAAA,MAChB;AACA,UAAI,OAAO,iBAAiB,YAAY;AACpC,qBAAa,QAAQ;AAAA,MACzB,WAAW,cAAc;AACpB,qBAAiE,UAAU;AAAA,MAChF;AAAA,IACJ;AAEA,UAAM,sBAAsB,MAAM;AAC9B,UAAK,CAAC,UAAU,CAAC,WAAa,CAAC,SAAS,aAAc;AAClD,eAAO;AAAA,MACX;AACA,aAAO;AAAA,IACX;AAEA,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,6BAA6B,SAAS,GAAG,KAChE,UAAA;AAAA,MAAA,oBAAA,KACG,qBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,YAAY,uBAAuB,IAAI,CAAC,GAAG,eAAY,QAC/E,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,aAAc,2BAAiB,MAAM,GAAG,YAAY,EAAA,CAAE;AAAA,QAC9E;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,KAAK,OAAO,iBAAiB;AAAA,cACpC,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,YAAA,CAClD;AAAA,YAEA,UAAA,iBAAiB,MAAM,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACxC,GACJ;AAAA,MAIJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU,WAAW,iBAAiB;AAAA,UAEtC,OAAO;AAAA,UACP,QAAQ,CAACA,MAAK,UACV;AAAA,YAAC;AAAA,YAAA;AAAA,cACI,GAAG;AAAA,cAGJ,cAAc;AAAA,cACd,OAAO;AAAA,cACP,aAAa,eAAe;AAAA,cAC5B,KAAK,OAAOA,IAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAGvB;AAAA,UACA,UAAU;AAAA,UACV,SAAS;AAAA,UACT;AAAA,UAEA,OAAO;AAAA,UACP;AAAA,UACA,MAAK;AAAA,UACJ,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,GACJ;AAAA,EAER;AACJ;AAEA,yBAAyB,cAAc;AAMhC,MAAM,uBAAuB,OAAO,OAAO,0BAA0B,EAAE,SAAS;"}
+{"version":3,"file":"FormFieldMaskedInput.js","sources":["../../../../src/components/FormField/components/FormFieldMaskedInput.tsx"],"sourcesContent":["import React, { useEffect, useContext, useRef, useState, useCallback } from \"react\";\nimport MaskedInputTextMask, { conformToMask, MaskedInputProps, PipeConfig } from \"react-text-mask\";\nimport clsx from \"clsx\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { presets } from \"./FormFieldMaskedInputPresets\";\nimport { FormFieldInput } from \"./FormFieldInput\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { TFormFieldMaskedInputMask } from \"../types\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { createSizeToClassNameMap } from \"../../../utils\";\nimport styles from \"../styles/FormFieldMaskedInput.module.less\";\n\n/** Свойства компонента FormFieldMaskedInput. */\nexport interface IFormFieldMaskedInputProps\n    extends Omit<MaskedInputProps, \"disabled\" | \"guide\" | \"mask\" | \"render\" | \"defaultValue\">, DataAttributes {\n    /** Значение поля. Поле контролируемое, поэтому начальное значение задаётся через него, а не через defaultValue. */\n    value: string;\n    /** Ссылка на поле ввода. */\n    forwardedRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Маска. Каждый элемент массива должен быть либо строкой, либо регулярным выражением. Каждая строка — это фиксированный символ в маске, а каждое регулярное выражение — это заполнитель, который принимает пользовательский ввод.\n     * Подробнее можно ознакомиться https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask.\n     */\n    mask: TFormFieldMaskedInputMask;\n    /** Плейсхолдер, отображаемый при вводе. Например: дд.мм.гггг, при вводе будет отображаться как 22.1м.гггг. */\n    placeholderMask?: string;\n}\n\nconst PHONE_PREFIX = \"+7 (\";\n\n/**\n * Приводит произвольный номер к виду, который корректно раскладывается по маске телефона.\n * Ведущий код страны 7 или 8 заменяется на \"+7 (\", а номер, у которого вторая цифра 7,\n * дополняется этим же префиксом — иначе conformToMask примет первую цифру номера\n * за литерал \"7\" из маски и потеряет последнюю цифру.\n */\nconst normalizePhoneText = (text: string): { indexesOfPipedChars: number[]; text: string } => {\n    let indexesOfPipedChars: number[] = [];\n\n    // Поиск числа из 1 цифры и более, начинающегося с 7 или 8.\n    let nextText = text.replace(/^[78]((\\D*\\d)*)/, `${PHONE_PREFIX}$1`);\n\n    // Поиск числа вида {любая цифра}7, например 87, 971 и т.д., и добавление +7 перед ним.\n    nextText = nextText.replace(/^\\d7/, (match) => {\n        indexesOfPipedChars = Array.from(PHONE_PREFIX).map((_, i) => i);\n        return `${PHONE_PREFIX}${match}`;\n    });\n\n    return { indexesOfPipedChars, text: nextText };\n};\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nconst FormFieldMaskedInputBase = React.forwardRef<HTMLDivElement, IFormFieldMaskedInputProps>(\n    (\n        {\n            className,\n            forwardedRef,\n            mask,\n            onChange,\n            placeholder,\n            placeholderChar = \"0\",\n            placeholderMask,\n            value,\n            ...restProps\n        },\n        ref,\n    ) => {\n        // Значение инпута, отображающего часть введенного значения и оставшуюся маску.\n        const [placeholderValue, setPlaceholderValue] = useState(\"\");\n        const [filledLength, setFilledLength] = useState(0);\n        const pasted = useRef(false);\n        const { filled, focused, size, status } = useContext(FormFieldContext);\n\n        /*\n         * Для маски телефона значение приводится к виду с префиксом \"+7 (\" — см. normalizePhoneText,\n         * для остальных масок используется как есть. Приведение выполняется один раз здесь, потому что\n         * одно и то же значение нужно и инпуту, и слою с маской: посчитанные по разным значениям,\n         * введённый текст и маска под ним разъезжаются.\n         */\n        const normalizedValue = mask === presets.masks.phone ? normalizePhoneText(value).text : value;\n\n        useEffect(() => {\n            /** Возвращает значение placeholderValue. */\n            const calculatePlaceholderValue = (): string => {\n                // Массив символов placeholderValue.\n                let nextPlaceholderValue: string[] = [];\n\n                // Значение инпута остутствует.\n                if (!normalizedValue) {\n                    // Передан props placeholderMask, например дд.мм.гггг\n                    if (placeholderMask) {\n                        // При наличии маски плейсхолдера, placeholderValue равен маски плейсхолдера.\n                        nextPlaceholderValue = placeholderMask.split(\"\");\n                    } else {\n                        // Маска с символами заполнения, например 00.00.00\n                        const { conformedValue } = conformToMask(\"\", mask, { guide: true, placeholderChar });\n                        nextPlaceholderValue = conformedValue.split(\"\");\n                    }\n                    setFilledLength(0);\n                }\n                // Инпут имеет value.\n                else {\n                    // Value с маской, например: 22.00.00\n                    const { conformedValue } = conformToMask(normalizedValue, mask, { guide: true, placeholderChar });\n                    // Нам нужна точная длина того, что уже ввел пользователь\n                    const conformed = conformToMask(normalizedValue, mask, {\n                        guide: false,\n                        placeholderChar,\n                    }).conformedValue;\n                    setFilledLength(conformed.length);\n\n                    // Символы placeholderValue собираются из введенного пользователем значения и оставшейся части из placeholderMask или placeholderChar.\n                    for (let i = 0; i < mask.length; i++) {\n                        // Не редактируемый символ маски.\n                        if (typeof mask[i] === \"string\") {\n                            // Символ из маски.\n                            nextPlaceholderValue[i] = conformedValue[i];\n                        } else {\n                            // Не введенный пользователем символ заполняется символом placeholderMask или placeholderChar.\n                            if (conformedValue[i] === placeholderChar && !normalizedValue[i]) {\n                                nextPlaceholderValue[i] = placeholderMask?.[i] || placeholderChar;\n                            } else {\n                                nextPlaceholderValue[i] = conformedValue[i];\n                            }\n                        }\n                    }\n                }\n\n                return nextPlaceholderValue.join(\"\");\n            };\n\n            setPlaceholderValue(calculatePlaceholderValue());\n        }, [normalizedValue, mask, placeholderChar, placeholderMask]);\n\n        const handlePaste = () => {\n            pasted.current = true;\n        };\n\n        // Постобработчик введенных значений. Выполняется после внутреннего форматирования и до onChange.\n        const pipe = (conformedValue: string, config: PipeConfig) => {\n            // Для маски с номером телефона отдельный обработчик.\n            if (mask === presets.masks.phone) {\n                // Пустое значение не обрабатывается, чтобы значение в инпуте можно было стереть полностью.\n                if (!conformedValue.length) {\n                    return conformedValue;\n                }\n\n                return phonePipe(config.rawValue);\n            } else if (mask === presets.masks.swiftCode) {\n                return conformedValue.toUpperCase();\n            }\n\n            return conformedValue;\n        };\n\n        // Постобработчик введенных значений, если маска является номером телефона.\n        const phonePipe = (text: string) => {\n            // При вставке номер может прийти в любом виде, поэтому нормализуется целиком.\n            // При ручном вводе нормализуется только первая цифра: дальше в text уже есть префикс \"+7 (\".\n            const normalized = pasted.current\n                ? normalizePhoneText(text)\n                : { indexesOfPipedChars: [], text: text === \"7\" || text === \"8\" ? PHONE_PREFIX : text };\n\n            return {\n                indexesOfPipedChars: normalized.indexesOfPipedChars,\n                value: conformToMask(normalized.text, mask, { guide: false, placeholderChar }).conformedValue,\n            };\n        };\n\n        // Значение, приведённое к маске, — уходит в react-text-mask.\n        const maskedValue = conformToMask(normalizedValue, mask, { guide: false, placeholderChar }).conformedValue;\n        /*\n         * Значение, отображаемое в input. Для маски телефона — приведённое к маске (телефон нормализует\n         * ввод с 7/8/+7 в начале, без этого react-text-mask форматирует номер неверно), для остальных масок —\n         * исходное: react-text-mask сам пишет отформатированное значение в DOM, а исходное значение нужно,\n         * чтобы можно было стереть символ-разделитель (иначе маска тут же возвращает его обратно).\n         */\n        const inputValue = mask === presets.masks.phone ? maskedValue : value;\n\n        const handleChange = useCallback(\n            (event: React.ChangeEvent<HTMLInputElement>) => {\n                const { value: nextValue } = event.target;\n\n                pasted.current = false;\n\n                // Сравнивается именно отображаемое значение: react-text-mask успевает отформатировать\n                // DOM до вызова обработчика, поэтому nextValue уже приведено к маске.\n                if (inputValue !== nextValue) {\n                    onChange?.(event);\n                }\n            },\n            [inputValue, onChange],\n        );\n\n        /** Функция для хранения ссылки. */\n        const setRef = (ref: (inputElement: HTMLElement) => void) => (instance: HTMLInputElement | null) => {\n            if (instance) {\n                ref(instance);\n            }\n            if (typeof forwardedRef === \"function\") {\n                forwardedRef(instance);\n            } else if (forwardedRef) {\n                (forwardedRef as React.MutableRefObject<HTMLInputElement | null>).current = instance;\n            }\n        };\n\n        const getPlaceholderValue = () => {\n            if ((!filled && !focused) || (!value && placeholder)) {\n                return \"\";\n            }\n            return placeholderValue;\n        };\n\n        return (\n            <div className={clsx(styles.formFieldMaskedInputWrapper, className)} ref={ref}>\n                {getPlaceholderValue() && (\n                    <div className={clsx(styles.maskLayout, SIZE_TO_CLASS_NAME_MAP[size])} aria-hidden=\"true\">\n                        <span className={styles.valueMirror}>{placeholderValue.slice(0, filledLength)}</span>\n                        <span\n                            className={clsx(styles.placeholderMask, {\n                                [styles.disabled]: status === EFormFieldStatus.DISABLED,\n                            })}\n                        >\n                            {placeholderValue.slice(filledLength)}\n                        </span>\n                    </div>\n                )}\n\n                {/* Input, отображающий введенное значение. */}\n                <MaskedInputTextMask\n                    disabled={status === EFormFieldStatus.DISABLED}\n                    /* Input отображает только введенное значение без маски, маска рисуется в inputPlaceholder. */\n                    guide={false}\n                    render={(ref, props) => (\n                        <FormFieldInput\n                            {...props}\n                            // react-text-mask подставляет в props defaultValue, равное value (https://github.com/text-mask/text-mask/pull/993).\n                            // На контролируемом input это даёт предупреждение React «both value and defaultValue props».\n                            defaultValue={undefined}\n                            value={inputValue}\n                            placeholder={placeholder || \"\"}\n                            ref={setRef(ref)}\n                        />\n                    )}\n                    mask={mask}\n                    onChange={handleChange}\n                    onPaste={handlePaste}\n                    placeholderChar={placeholderChar}\n                    // value={value} не используется т.к. возникает баг при передаче снаружи изначально пустого value, а затем не пустого.\n                    value={maskedValue}\n                    pipe={pipe}\n                    type=\"text\"\n                    {...restProps}\n                />\n            </div>\n        );\n    },\n);\n\nFormFieldMaskedInputBase.displayName = \"FormFieldMaskedInput\";\n\n/**\n * Компонент маскированного ввода.\n * Основан на https://github.com/text-mask/text-mask.\n */\nexport const FormFieldMaskedInput = Object.assign(FormFieldMaskedInputBase, { presets });\n"],"names":["React","placeholderMask","conformToMask","ref"],"mappings":"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"}

package/components/FormField/components/FormFieldPostfix.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPostfix = "formFieldPostfix__b8a5b647";
+const formFieldPostfix = "formFieldPostfix__b353b7c0";
 const styles = {
   formFieldPostfix
 };

package/components/FormField/components/FormFieldPrefix.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPrefix = "formFieldPrefix__dfe31479";
+const formFieldPrefix = "formFieldPrefix__2ff27310";
 const styles = {
   formFieldPrefix
 };

package/components/FormField/components/FormFieldTarget.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useMemo, useLayoutEffect, useCallback } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldTarget = "formFieldTarget__ac040047";
-const sm = "sm__d86d89eb";
-const md = "md__3199cd7c";
-const lg = "lg__03f0167d";
-const placeholder = "placeholder__987d7b41";
-const disabled = "disabled__c6e77d48";
-const placeholderWrapper = "placeholderWrapper__4022f79d";
-const active = "active__3c6aa5f4";
+const formFieldTarget = "formFieldTarget__6bdcb964";
+const sm = "sm__ed5d7a26";
+const md = "md__cfe15086";
+const lg = "lg__961e2e6d";
+const placeholder = "placeholder__0327b36b";
+const disabled = "disabled__f8e0d3d6";
+const placeholderWrapper = "placeholderWrapper__b88c409b";
+const active = "active__368ac277";
 const styles = {
   formFieldTarget,
   sm,
@@ -25,7 +25,7 @@ const styles = {
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const FormFieldTarget = React__default.forwardRef(
   ({ children, id: idProp, className, placeholder: placeholder2, onFocus, onBlur, ...restProps }, ref) => {
-    const { size, status, active: active2, labelId, setFilled, setFocused, setTargetId } = useContext(FormFieldContext);
+    const { size, status, active: active2, labelId, setFilled, setFocused } = useContext(FormFieldContext);
     const id = useMemo(() => idProp === void 0 ? uniqueId("target_") : idProp, [idProp]);
     const childrenExist = useMemo(() => React__default.Children.toArray(children).length !== 0, [children]);
     const classNames = clsx(styles.formFieldTarget, sizeToClassNameMap[size], className, {
@@ -33,9 +33,6 @@ const FormFieldTarget = React__default.forwardRef(
       [styles.placeholder]: !!placeholder2 && !childrenExist && status !== EFormFieldStatus.DISABLED,
       [styles.active]: active2
     });
-    useLayoutEffect(() => {
-      setTargetId(id);
-    }, [id, setTargetId]);
     useLayoutEffect(() => {
       setFilled(childrenExist);
     }, [childrenExist, setFilled]);

package/components/FormField/components/FormFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldTarget.js","sources":["../../../../src/components/FormField/components/FormFieldTarget.tsx"],"sourcesContent":["import React, { useContext, useMemo, useLayoutEffect, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField/enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/FormFieldTarget.module.less\";\n\n/** Свойства компонента FormFieldTarget. */\nexport interface IFormFieldTargetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст, или компонент отображающий выбранное placeholder. Отличие от children в том, что placeholder отображается только когда нет children и более бледным цветом. */\n    placeholder?: React.ReactNode;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий нередактируемое значение. */\nexport const FormFieldTarget = React.forwardRef<HTMLDivElement, IFormFieldTargetProps>(\n    ({ children, id: idProp, className, placeholder, onFocus, onBlur, ...restProps }, ref) => {\n        const { size, status, active, labelId, setFilled, setFocused, setTargetId } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"target_\") : idProp), [idProp]);\n        const childrenExist = useMemo(() => React.Children.toArray(children).length !== 0, [children]);\n        const classNames = clsx(styles.formFieldTarget, sizeToClassNameMap[size], className, {\n            [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            [styles.placeholder]: !!placeholder && !childrenExist && status !== EFormFieldStatus.DISABLED,\n            [styles.active]: active,\n        });\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n        }, [id, setTargetId]);\n\n        useLayoutEffect(() => {\n            setFilled(childrenExist);\n        }, [childrenExist, setFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [onFocus, setFocused],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [onBlur, setFocused],\n        );\n\n        return (\n            <div\n                {...restProps}\n                id={id}\n                className={classNames}\n                tabIndex={status === EFormFieldStatus.DISABLED ? -1 : 0}\n                aria-labelledby={labelId}\n                aria-disabled={status === EFormFieldStatus.DISABLED}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                ref={ref}\n            >\n                {childrenExist ? children : <span className={styles.placeholderWrapper}>{placeholder}</span>}\n            </div>\n        );\n    },\n);\n\nFormFieldTarget.displayName = \"FormFieldTarget\";\n"],"names":["React","placeholder","active"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,IAAI,QAAQ,WAAW,aAAAC,cAAa,SAAS,QAAQ,GAAG,UAAA,GAAa,QAAQ;AACtF,UAAM,EAAE,MAAM,QAAQ,QAAAC,SAAQ,SAAS,WAAW,YAAY,YAAA,IAAgB,WAAW,gBAAgB;AACzG,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,SAAS,IAAI,QAAS,CAAC,MAAM,CAAC;AACxF,UAAM,gBAAgB,QAAQ,MAAMF,eAAM,SAAS,QAAQ,QAAQ,EAAE,WAAW,GAAG,CAAC,QAAQ,CAAC;AAC7F,UAAM,aAAa,KAAK,OAAO,iBAAiB,mBAAmB,IAAI,GAAG,WAAW;AAAA,MACjF,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAC/C,CAAC,OAAO,WAAW,GAAG,CAAC,CAACC,gBAAe,CAAC,iBAAiB,WAAW,iBAAiB;AAAA,MACrF,CAAC,OAAO,MAAM,GAAGC;AAAA,IAAA,CACpB;AAED,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AAAA,IAClB,GAAG,CAAC,IAAI,WAAW,CAAC;AAEpB,oBAAgB,MAAM;AAClB,gBAAU,aAAa;AAAA,IAC3B,GAAG,CAAC,eAAe,SAAS,CAAC;AAE7B,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,SAAS,UAAU;AAAA,IAAA;AAGxB,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,QAAQ,UAAU;AAAA,IAAA;AAGvB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,UAAU,WAAW,iBAAiB,WAAW,KAAK;AAAA,QACtD,mBAAiB;AAAA,QACjB,iBAAe,WAAW,iBAAiB;AAAA,QAC3C,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA,QAEC,0BAAgB,WAAW,oBAAC,UAAK,WAAW,OAAO,oBAAqB,UAAAD,aAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjG;AACJ;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"FormFieldTarget.js","sources":["../../../../src/components/FormField/components/FormFieldTarget.tsx"],"sourcesContent":["import React, { useContext, useMemo, useLayoutEffect, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField/enums\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/FormFieldTarget.module.less\";\n\n/** Свойства компонента FormFieldTarget. */\nexport interface IFormFieldTargetProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Текст, или компонент отображающий выбранное placeholder. Отличие от children в том, что placeholder отображается только когда нет children и более бледным цветом. */\n    placeholder?: React.ReactNode;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий нередактируемое значение. */\nexport const FormFieldTarget = React.forwardRef<HTMLDivElement, IFormFieldTargetProps>(\n    ({ children, id: idProp, className, placeholder, onFocus, onBlur, ...restProps }, ref) => {\n        const { size, status, active, labelId, setFilled, setFocused } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"target_\") : idProp), [idProp]);\n        const childrenExist = useMemo(() => React.Children.toArray(children).length !== 0, [children]);\n        const classNames = clsx(styles.formFieldTarget, sizeToClassNameMap[size], className, {\n            [styles.disabled]: status === EFormFieldStatus.DISABLED,\n            [styles.placeholder]: !!placeholder && !childrenExist && status !== EFormFieldStatus.DISABLED,\n            [styles.active]: active,\n        });\n\n        useLayoutEffect(() => {\n            setFilled(childrenExist);\n        }, [childrenExist, setFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [onFocus, setFocused],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLDivElement>>(\n            (event) => {\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [onBlur, setFocused],\n        );\n\n        return (\n            <div\n                {...restProps}\n                id={id}\n                className={classNames}\n                tabIndex={status === EFormFieldStatus.DISABLED ? -1 : 0}\n                aria-labelledby={labelId}\n                aria-disabled={status === EFormFieldStatus.DISABLED}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                ref={ref}\n            >\n                {childrenExist ? children : <span className={styles.placeholderWrapper}>{placeholder}</span>}\n            </div>\n        );\n    },\n);\n\nFormFieldTarget.displayName = \"FormFieldTarget\";\n"],"names":["React","placeholder","active"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,IAAI,QAAQ,WAAW,aAAAC,cAAa,SAAS,QAAQ,GAAG,UAAA,GAAa,QAAQ;AACtF,UAAM,EAAE,MAAM,QAAQ,QAAAC,SAAQ,SAAS,WAAW,WAAA,IAAe,WAAW,gBAAgB;AAC5F,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,SAAS,IAAI,QAAS,CAAC,MAAM,CAAC;AACxF,UAAM,gBAAgB,QAAQ,MAAMF,eAAM,SAAS,QAAQ,QAAQ,EAAE,WAAW,GAAG,CAAC,QAAQ,CAAC;AAC7F,UAAM,aAAa,KAAK,OAAO,iBAAiB,mBAAmB,IAAI,GAAG,WAAW;AAAA,MACjF,CAAC,OAAO,QAAQ,GAAG,WAAW,iBAAiB;AAAA,MAC/C,CAAC,OAAO,WAAW,GAAG,CAAC,CAACC,gBAAe,CAAC,iBAAiB,WAAW,iBAAiB;AAAA,MACrF,CAAC,OAAO,MAAM,GAAGC;AAAA,IAAA,CACpB;AAED,oBAAgB,MAAM;AAClB,gBAAU,aAAa;AAAA,IAC3B,GAAG,CAAC,eAAe,SAAS,CAAC;AAE7B,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,SAAS,UAAU;AAAA,IAAA;AAGxB,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,QAAQ,UAAU;AAAA,IAAA;AAGvB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,UAAU,WAAW,iBAAiB,WAAW,KAAK;AAAA,QACtD,mBAAiB;AAAA,QACjB,iBAAe,WAAW,iBAAiB;AAAA,QAC3C,QAAQ;AAAA,QACR,SAAS;AAAA,QACT;AAAA,QAEC,0BAAgB,WAAW,oBAAC,UAAK,WAAW,OAAO,oBAAqB,UAAAD,aAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjG;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/FormField/components/FormFieldTextarea.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useMemo, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { isFilled } from "./utils.js";
-const formFieldTextarea = "formFieldTextarea__94ebeff2";
-const sm = "sm__d86d89eb";
-const md = "md__3199cd7c";
-const lg = "lg__03f0167d";
+const formFieldTextarea = "formFieldTextarea__993b6527";
+const sm = "sm__ed5d7a26";
+const md = "md__cfe15086";
+const lg = "lg__961e2e6d";
 const styles = {
   formFieldTextarea,
   sm,
@@ -29,6 +29,7 @@ const FormFieldTextarea = React__default.forwardRef(
     );
     useLayoutEffect(() => {
       setTargetId(id);
+      return () => setTargetId((currentTargetId) => currentTargetId === id ? void 0 : currentTargetId);
     }, [id, setTargetId]);
     useLayoutEffect(() => {
       syncFilled(value ?? defaultValue);

package/components/FormField/components/FormFieldTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldTextarea.js","sources":["../../../../src/components/FormField/components/FormFieldTextarea.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldTextarea.module.less\";\n\n/** Свойства компонента FormFieldTextarea. */\nexport interface IFormFieldTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий textarea. */\nexport const FormFieldTextarea = React.forwardRef<HTMLTextAreaElement, IFormFieldTextareaProps>(\n    (\n        { id: idProp, className, value, defaultValue, onFocus, onBlur, onAnimationStart, onChange, ...restProps },\n        ref,\n    ) => {\n        const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"textarea_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldTextarea, sizeToClassNameMap[size], className);\n\n        const syncFilled = useCallback(\n            (nextValue: IFormFieldTextareaProps[\"value\"]) => {\n                setFilled(isFilled(nextValue));\n            },\n            [setFilled],\n        );\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n        }, [id, setTargetId]);\n\n        useLayoutEffect(() => {\n            syncFilled(value ?? defaultValue);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useLayoutEffect(() => {\n            if (value !== undefined) {\n                syncFilled(value);\n            }\n        }, [value, syncFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [syncFilled, setFocused, onFocus],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [syncFilled, setFocused, onBlur],\n        );\n\n        /**\n         * Обработчик начала анимации.\n         *\n         * Текущая реализация необходима для кейсов с автозаполнением:\n         * - Браузер устанавливает значение в поле при загрузке страницы;\n         * - Браузер устанавливает значение в поле при навигации пользователем по сохранённым опциям заполнения.\n         */\n        const handleAnimationStart = useCallback<React.AnimationEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                if (event.animationName.startsWith(\"autofill-applied-hook\")) {\n                    setFilled(true);\n                } else if (event.animationName.startsWith(\"autofill-cancelled-hook\")) {\n                    // Необходимо проверить, что при отмене автозаполнения, в поле не находится значение.\n                    syncFilled(event.currentTarget.value);\n                }\n                onAnimationStart?.(event);\n            },\n            [setFilled, syncFilled, onAnimationStart],\n        );\n\n        const handleChange = useCallback<React.ChangeEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                onChange?.(event);\n            },\n            [onChange, syncFilled],\n        );\n\n        return (\n            <textarea\n                {...restProps}\n                id={id}\n                className={classNames}\n                value={value}\n                defaultValue={defaultValue}\n                disabled={status === EFormFieldStatus.DISABLED}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onAnimationStart={handleAnimationStart}\n                onChange={handleChange}\n                ref={ref}\n            />\n        );\n    },\n);\n\nFormFieldTextarea.displayName = \"FormFieldTextarea\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CACI,EAAE,IAAI,QAAQ,WAAW,OAAO,cAAc,SAAS,QAAQ,kBAAkB,UAAU,GAAG,UAAA,GAC9F,QACC;AACD,UAAM,EAAE,MAAM,QAAQ,YAAY,aAAa,UAAA,IAAc,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,WAAW,IAAI,QAAS,CAAC,MAAM,CAAC;AAC1F,UAAM,aAAa,KAAK,OAAO,mBAAmB,mBAAmB,IAAI,GAAG,SAAS;AAErF,UAAM,aAAa;AAAA,MACf,CAAC,cAAgD;AAC7C,kBAAU,SAAS,SAAS,CAAC;AAAA,MACjC;AAAA,MACA,CAAC,SAAS;AAAA,IAAA;AAGd,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AAAA,IAClB,GAAG,CAAC,IAAI,WAAW,CAAC;AAEpB,oBAAgB,MAAM;AAClB,iBAAW,SAAS,YAAY;AAAA,IAEpC,GAAG,CAAA,CAAE;AAEL,oBAAgB,MAAM;AAClB,UAAI,UAAU,QAAW;AACrB,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,YAAY,YAAY,OAAO;AAAA,IAAA;AAGpC,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,YAAY,YAAY,MAAM;AAAA,IAAA;AAUnC,UAAM,uBAAuB;AAAA,MACzB,CAAC,UAAU;AACP,YAAI,MAAM,cAAc,WAAW,uBAAuB,GAAG;AACzD,oBAAU,IAAI;AAAA,QAClB,WAAW,MAAM,cAAc,WAAW,yBAAyB,GAAG;AAElE,qBAAW,MAAM,cAAc,KAAK;AAAA,QACxC;AACA,6DAAmB;AAAA,MACvB;AAAA,MACA,CAAC,WAAW,YAAY,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAAA,MACjB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,UAAU,UAAU;AAAA,IAAA;AAGzB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,UAAU,WAAW,iBAAiB;AAAA,QACtC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,kBAAkB,cAAc;"}
+{"version":3,"file":"FormFieldTextarea.js","sources":["../../../../src/components/FormField/components/FormFieldTextarea.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { FormFieldContext } from \"../FormFieldContext\";\nimport { EFormFieldStatus } from \"../enums\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldTextarea.module.less\";\n\n/**\n * Свойства компонента FormFieldTextarea.\n *\n * Атрибут disabled исключён намеренно: блокировка задаётся статусом поля (EFormFieldStatus.DISABLED), и переданное\n * значение всё равно было бы перетёрто. Так же устроен FormFieldInput.\n */\nexport interface IFormFieldTextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"disabled\"> {}\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий textarea. */\nexport const FormFieldTextarea = React.forwardRef<HTMLTextAreaElement, IFormFieldTextareaProps>(\n    (\n        { id: idProp, className, value, defaultValue, onFocus, onBlur, onAnimationStart, onChange, ...restProps },\n        ref,\n    ) => {\n        const { size, status, setFocused, setTargetId, setFilled } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"textarea_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldTextarea, sizeToClassNameMap[size], className);\n\n        const syncFilled = useCallback(\n            (nextValue: IFormFieldTextareaProps[\"value\"]) => {\n                setFilled(isFilled(nextValue));\n            },\n            [setFilled],\n        );\n\n        useLayoutEffect(() => {\n            setTargetId(id);\n            return () => setTargetId((currentTargetId) => (currentTargetId === id ? undefined : currentTargetId));\n        }, [id, setTargetId]);\n\n        useLayoutEffect(() => {\n            syncFilled(value ?? defaultValue);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        useLayoutEffect(() => {\n            if (value !== undefined) {\n                syncFilled(value);\n            }\n        }, [value, syncFilled]);\n\n        const handleFocus = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(true);\n                onFocus?.(event);\n            },\n            [syncFilled, setFocused, onFocus],\n        );\n\n        const handleBlur = useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                setFocused(false);\n                onBlur?.(event);\n            },\n            [syncFilled, setFocused, onBlur],\n        );\n\n        /**\n         * Обработчик начала анимации.\n         *\n         * Текущая реализация необходима для кейсов с автозаполнением:\n         * - Браузер устанавливает значение в поле при загрузке страницы;\n         * - Браузер устанавливает значение в поле при навигации пользователем по сохранённым опциям заполнения.\n         */\n        const handleAnimationStart = useCallback<React.AnimationEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                if (event.animationName.startsWith(\"autofill-applied-hook\")) {\n                    setFilled(true);\n                } else if (event.animationName.startsWith(\"autofill-cancelled-hook\")) {\n                    // Необходимо проверить, что при отмене автозаполнения, в поле не находится значение.\n                    syncFilled(event.currentTarget.value);\n                }\n                onAnimationStart?.(event);\n            },\n            [setFilled, syncFilled, onAnimationStart],\n        );\n\n        const handleChange = useCallback<React.ChangeEventHandler<HTMLTextAreaElement>>(\n            (event) => {\n                syncFilled(event.currentTarget.value);\n                onChange?.(event);\n            },\n            [onChange, syncFilled],\n        );\n\n        return (\n            <textarea\n                {...restProps}\n                id={id}\n                className={classNames}\n                value={value}\n                defaultValue={defaultValue}\n                disabled={status === EFormFieldStatus.DISABLED}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onAnimationStart={handleAnimationStart}\n                onChange={handleChange}\n                ref={ref}\n            />\n        );\n    },\n);\n\nFormFieldTextarea.displayName = \"FormFieldTextarea\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CACI,EAAE,IAAI,QAAQ,WAAW,OAAO,cAAc,SAAS,QAAQ,kBAAkB,UAAU,GAAG,UAAA,GAC9F,QACC;AACD,UAAM,EAAE,MAAM,QAAQ,YAAY,aAAa,UAAA,IAAc,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,WAAW,IAAI,QAAS,CAAC,MAAM,CAAC;AAC1F,UAAM,aAAa,KAAK,OAAO,mBAAmB,mBAAmB,IAAI,GAAG,SAAS;AAErF,UAAM,aAAa;AAAA,MACf,CAAC,cAAgD;AAC7C,kBAAU,SAAS,SAAS,CAAC;AAAA,MACjC;AAAA,MACA,CAAC,SAAS;AAAA,IAAA;AAGd,oBAAgB,MAAM;AAClB,kBAAY,EAAE;AACd,aAAO,MAAM,YAAY,CAAC,oBAAqB,oBAAoB,KAAK,SAAY,eAAgB;AAAA,IACxG,GAAG,CAAC,IAAI,WAAW,CAAC;AAEpB,oBAAgB,MAAM;AAClB,iBAAW,SAAS,YAAY;AAAA,IAEpC,GAAG,CAAA,CAAE;AAEL,oBAAgB,MAAM;AAClB,UAAI,UAAU,QAAW;AACrB,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,UAAM,cAAc;AAAA,MAChB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,IAAI;AACf,2CAAU;AAAA,MACd;AAAA,MACA,CAAC,YAAY,YAAY,OAAO;AAAA,IAAA;AAGpC,UAAM,aAAa;AAAA,MACf,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,mBAAW,KAAK;AAChB,yCAAS;AAAA,MACb;AAAA,MACA,CAAC,YAAY,YAAY,MAAM;AAAA,IAAA;AAUnC,UAAM,uBAAuB;AAAA,MACzB,CAAC,UAAU;AACP,YAAI,MAAM,cAAc,WAAW,uBAAuB,GAAG;AACzD,oBAAU,IAAI;AAAA,QAClB,WAAW,MAAM,cAAc,WAAW,yBAAyB,GAAG;AAElE,qBAAW,MAAM,cAAc,KAAK;AAAA,QACxC;AACA,6DAAmB;AAAA,MACvB;AAAA,MACA,CAAC,WAAW,YAAY,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAAA,MACjB,CAAC,UAAU;AACP,mBAAW,MAAM,cAAc,KAAK;AACpC,6CAAW;AAAA,MACf;AAAA,MACA,CAAC,UAAU,UAAU;AAAA,IAAA;AAGzB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,UAAU,WAAW,iBAAiB;AAAA,QACtC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,kBAAkB,cAAc;"}

package/components/FormField/components/useFormFieldAffixWidth.js

@@ -1,6 +1,6 @@
 import { useRef, useCallback, useEffect } from "react";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-import { setForwardedRef } from "./utils.js";
+import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
 const useFormFieldAffixWidth = (setWidth, forwardedRef) => {
   const elementRef = useRef(null);
   const setRef = useCallback(

package/components/FormField/components/useFormFieldAffixWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldAffixWidth.js","sources":["../../../../src/components/FormField/components/useFormFieldAffixWidth.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport { setForwardedRef } from \"./utils\";\n\n/**\n * Синхронизирует измеренную ширину контейнера-аффикса (FormFieldPrefix / FormFieldPostfix)\n * с контекстом FormField: поле использует её как горизонтальный внутренний отступ.\n *\n * Ширина отслеживается через ResizeObserver, при размонтировании сбрасывается\n * до TARGET_PADDING_X_DEFAULT.\n *\n * @param setWidth Сеттер ширины из FormFieldContext (setPrefixWidth или setPostfixWidth).\n * @param forwardedRef Внешний ref компонента, в который нужно продублировать элемент.\n * @returns Ref-колбэк для корневого элемента аффикса.\n */\nexport const useFormFieldAffixWidth = (\n    setWidth: React.Dispatch<React.SetStateAction<number>>,\n    forwardedRef: React.ForwardedRef<HTMLSpanElement>,\n): React.RefCallback<HTMLSpanElement> => {\n    const elementRef = useRef<HTMLSpanElement | null>(null);\n\n    const setRef = useCallback(\n        (instance: HTMLSpanElement | null) => {\n            elementRef.current = instance;\n            setForwardedRef(forwardedRef, instance);\n        },\n        [forwardedRef],\n    );\n\n    useEffect(() => {\n        const element = elementRef.current;\n\n        if (!element) {\n            return;\n        }\n\n        const resizeObserver = new ResizeObserver(([entry]) => {\n            const width = entry.target.getBoundingClientRect().width;\n\n            setWidth((prevWidth) => (prevWidth !== width ? width : prevWidth));\n        });\n\n        resizeObserver.observe(element);\n\n        return () => {\n            resizeObserver.disconnect();\n            setWidth(TARGET_PADDING_X_DEFAULT);\n        };\n    }, [setWidth]);\n\n    return setRef;\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,yBAAyB,CAClC,UACA,iBACqC;AACrC,QAAM,aAAa,OAA+B,IAAI;AAEtD,QAAM,SAAS;AAAA,IACX,CAAC,aAAqC;AAClC,iBAAW,UAAU;AACrB,sBAAgB,cAAc,QAAQ;AAAA,IAC1C;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGjB,YAAU,MAAM;AACZ,UAAM,UAAU,WAAW;AAE3B,QAAI,CAAC,SAAS;AACV;AAAA,IACJ;AAEA,UAAM,iBAAiB,IAAI,eAAe,CAAC,CAAC,KAAK,MAAM;AACnD,YAAM,QAAQ,MAAM,OAAO,sBAAA,EAAwB;AAEnD,eAAS,CAAC,cAAe,cAAc,QAAQ,QAAQ,SAAU;AAAA,IACrE,CAAC;AAED,mBAAe,QAAQ,OAAO;AAE9B,WAAO,MAAM;AACT,qBAAe,WAAA;AACf,eAAS,wBAAwB;AAAA,IACrC;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACX;"}
+{"version":3,"file":"useFormFieldAffixWidth.js","sources":["../../../../src/components/FormField/components/useFormFieldAffixWidth.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { TARGET_PADDING_X_DEFAULT } from \"../consts\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\n\n/**\n * Синхронизирует измеренную ширину контейнера-аффикса (FormFieldPrefix / FormFieldPostfix)\n * с контекстом FormField: поле использует её как горизонтальный внутренний отступ.\n *\n * Ширина отслеживается через ResizeObserver, при размонтировании сбрасывается\n * до TARGET_PADDING_X_DEFAULT.\n *\n * @param setWidth Сеттер ширины из FormFieldContext (setPrefixWidth или setPostfixWidth).\n * @param forwardedRef Внешний ref компонента, в который нужно продублировать элемент.\n * @returns Ref-колбэк для корневого элемента аффикса.\n */\nexport const useFormFieldAffixWidth = (\n    setWidth: React.Dispatch<React.SetStateAction<number>>,\n    forwardedRef: React.ForwardedRef<HTMLSpanElement>,\n): React.RefCallback<HTMLSpanElement> => {\n    const elementRef = useRef<HTMLSpanElement | null>(null);\n\n    const setRef = useCallback(\n        (instance: HTMLSpanElement | null) => {\n            elementRef.current = instance;\n            setForwardedRef(forwardedRef, instance);\n        },\n        [forwardedRef],\n    );\n\n    useEffect(() => {\n        const element = elementRef.current;\n\n        if (!element) {\n            return;\n        }\n\n        const resizeObserver = new ResizeObserver(([entry]) => {\n            const width = entry.target.getBoundingClientRect().width;\n\n            setWidth((prevWidth) => (prevWidth !== width ? width : prevWidth));\n        });\n\n        resizeObserver.observe(element);\n\n        return () => {\n            resizeObserver.disconnect();\n            setWidth(TARGET_PADDING_X_DEFAULT);\n        };\n    }, [setWidth]);\n\n    return setRef;\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,yBAAyB,CAClC,UACA,iBACqC;AACrC,QAAM,aAAa,OAA+B,IAAI;AAEtD,QAAM,SAAS;AAAA,IACX,CAAC,aAAqC;AAClC,iBAAW,UAAU;AACrB,sBAAgB,cAAc,QAAQ;AAAA,IAC1C;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGjB,YAAU,MAAM;AACZ,UAAM,UAAU,WAAW;AAE3B,QAAI,CAAC,SAAS;AACV;AAAA,IACJ;AAEA,UAAM,iBAAiB,IAAI,eAAe,CAAC,CAAC,KAAK,MAAM;AACnD,YAAM,QAAQ,MAAM,OAAO,sBAAA,EAAwB;AAEnD,eAAS,CAAC,cAAe,cAAc,QAAQ,QAAQ,SAAU;AAAA,IACrE,CAAC;AAED,mBAAe,QAAQ,OAAO;AAE9B,WAAO,MAAM;AACT,qBAAe,WAAA;AACf,eAAS,wBAAwB;AAAA,IACrC;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACX;"}

package/components/FormField/components/utils.js

@@ -1,10 +1,3 @@
-const setForwardedRef = (ref, instance) => {
-  if (typeof ref === "function") {
-    ref(instance);
-  } else if (ref) {
-    ref.current = instance;
-  }
-};
 const isFilled = (value) => {
   if (value === void 0) {
     return false;
@@ -15,7 +8,6 @@ const isFilled = (value) => {
   }
 };
 export {
-  isFilled,
-  setForwardedRef
+  isFilled
 };
 //# sourceMappingURL=utils.js.map

package/components/FormField/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/FormField/components/utils.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * Записывает элемент во внешний ref компонента: callback-ref или объектный ref.\n *\n * @param ref Внешний ref, полученный компонентом через forwardRef, либо переданный пропом.\n * @param instance DOM-элемент или null при размонтировании.\n */\nexport const setForwardedRef = <T>(ref: React.ForwardedRef<T> | undefined, instance: T | null): void => {\n    if (typeof ref === \"function\") {\n        ref(instance);\n    } else if (ref) {\n        ref.current = instance;\n    }\n};\n\n/**\n * Проверяет наличие значения в элементе ввода.\n *\n * Число считается заполненным всегда (включая 0), строка и массив строк — по длине.\n *\n * @param value Значение элемента ввода.\n * @returns true, если значение непустое.\n */\nexport const isFilled = (value: string | readonly string[] | number | undefined): boolean => {\n    if (value === undefined) {\n        return false;\n    } else if (typeof value === \"number\") {\n        return true;\n    } else {\n        return value.length !== 0;\n    }\n};\n"],"names":[],"mappings":"AAQO,MAAM,kBAAkB,CAAI,KAAwC,aAA6B;AACpG,MAAI,OAAO,QAAQ,YAAY;AAC3B,QAAI,QAAQ;AAAA,EAChB,WAAW,KAAK;AACZ,QAAI,UAAU;AAAA,EAClB;AACJ;AAUO,MAAM,WAAW,CAAC,UAAoE;AACzF,MAAI,UAAU,QAAW;AACrB,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO;AAAA,EACX,OAAO;AACH,WAAO,MAAM,WAAW;AAAA,EAC5B;AACJ;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/FormField/components/utils.ts"],"sourcesContent":["/**\n * Проверяет наличие значения в элементе ввода.\n *\n * Число считается заполненным всегда (включая 0), строка и массив строк — по длине.\n *\n * @param value Значение элемента ввода.\n * @returns true, если значение непустое.\n */\nexport const isFilled = (value: string | readonly string[] | number | undefined): boolean => {\n    if (value === undefined) {\n        return false;\n    } else if (typeof value === \"number\") {\n        return true;\n    } else {\n        return value.length !== 0;\n    }\n};\n"],"names":[],"mappings":"AAQO,MAAM,WAAW,CAAC,UAAoE;AACzF,MAAI,UAAU,QAAW;AACrB,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO;AAAA,EACX,OAAO;AACH,WAAO,MAAM,WAAW;AAAA,EAC5B;AACJ;"}