@sberbusiness/triplex-next 1.47.0 → 1.49.0

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -1,97 +1,85 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
+import React__default, { useState } from "react";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { Link } from "../Link/Link.js";
 import { SmallInput } from "../SmallInput/SmallInput.js";
 import { Text } from "../Typography/Text.js";
 import { EFontType, ETextSize } from "../Typography/enums.js";
 import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
 import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__543e965b";
-const label = "label__bd42735f";
-const inputEditWrapper = "inputEditWrapper__a346249c";
+const documentNumberEdit = "documentNumberEdit__f9994edd";
+const label = "label__83a9049d";
+const inputEditWrapper = "inputEditWrapper__1fcdb6aa";
 const styles = {
   documentNumberEdit,
   label,
   inputEditWrapper
 };
 const INPUT_MAX_LENGTH = 6;
-const DocumentNumberEdit = ({
-  className,
-  value,
-  buttonLabel,
-  emptyNumberButtonLabel,
-  emptyNumberLabel,
-  numberLabel,
-  maxLength = INPUT_MAX_LENGTH,
-  onBlur,
-  onChange,
-  onKeyDown,
-  ...rest
-}) => {
-  const [editingMode, setEditingMode] = useState(false);
-  const labelText = useMemo(() => {
-    if (editingMode) {
-      return numberLabel;
-    } else if (value) {
-      return `${numberLabel} ${value}`;
-    } else {
-      return emptyNumberLabel;
-    }
-  }, [value, numberLabel, emptyNumberLabel, editingMode]);
-  const renderInput = () => /* @__PURE__ */ jsx("div", { className: styles.inputEditWrapper, children: /* @__PURE__ */ jsx(
-    SmallInput,
-    {
-      ...rest,
-      value: value || "",
-      placeholder: inputPlaceholder,
-      maxLength,
-      autoFocus: true,
-      onBlur: handleInputBlur,
-      onKeyDown: handleInputKeyDown,
-      onChange: handleInputChange
-    }
-  ) });
-  const inputPlaceholder = "0".repeat(maxLength);
-  const handleInputBlur = (event) => {
-    setEditingMode(false);
-    onBlur == null ? void 0 : onBlur(event);
-  };
-  const handleInputKeyDown = (event) => {
-    if (isKey(event.code, "ENTER")) {
+const filterDigits = (value) => Array.from(value).filter(StringUtils.isDigit).join("");
+const DocumentNumberEdit = React__default.forwardRef(
+  ({
+    className,
+    value,
+    buttonLabel,
+    emptyNumberButtonLabel,
+    emptyNumberLabel,
+    numberLabel,
+    maxLength = INPUT_MAX_LENGTH,
+    onBlur,
+    onChange,
+    onKeyDown,
+    ...rest
+  }, ref) => {
+    const [editingMode, setEditingMode] = useState(false);
+    const getLabelText = () => {
+      if (editingMode) {
+        return numberLabel;
+      }
+      return value ? `${numberLabel} ${value}` : emptyNumberLabel;
+    };
+    const inputPlaceholder = "0".repeat(maxLength);
+    const handleInputBlur = (event) => {
       setEditingMode(false);
-    }
-    onKeyDown == null ? void 0 : onKeyDown(event);
-  };
-  const handleInputChange = (event) => {
-    const caret = getCaretPosition(event.target);
-    const value2 = getFilteredValue(event.target.value);
-    const caretShift = value2.length - event.target.value.length;
-    event.target.value = value2;
-    setCaretPosition(event.target, caret + caretShift);
-    onChange == null ? void 0 : onChange(event);
-  };
-  const getFilteredValue = (value2) => {
-    const buffer = [];
-    const length = value2.length;
-    for (let i = 0; i < length; i++) {
-      if (StringUtils.isDigit(value2[i])) {
-        buffer.push(value2[i]);
+      onBlur == null ? void 0 : onBlur(event);
+    };
+    const handleInputKeyDown = (event) => {
+      if (isKey(event.code, "ENTER")) {
+        setEditingMode(false);
       }
-    }
-    return buffer.join("");
-  };
-  const renderButton = () => /* @__PURE__ */ jsx(Text, { className: styles.label, tag: "div", size: ETextSize.B3, type: EFontType.SECONDARY, children: /* @__PURE__ */ jsx(Link, { href: "#", onClick: handleButtonClick, children: value ? buttonLabel : emptyNumberButtonLabel }) });
-  const handleButtonClick = (event) => {
-    event.preventDefault();
-    setEditingMode(true);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: clsx(styles.documentNumberEdit, className), children: [
-    /* @__PURE__ */ jsx(Text, { className: styles.label, tag: "div", size: ETextSize.B3, type: EFontType.SECONDARY, children: labelText }),
-    editingMode ? renderInput() : renderButton()
-  ] });
-};
+      onKeyDown == null ? void 0 : onKeyDown(event);
+    };
+    const handleInputChange = (event) => {
+      const caret = getCaretPosition(event.target);
+      const filteredValue = filterDigits(event.target.value);
+      const caretShift = filteredValue.length - event.target.value.length;
+      event.target.value = filteredValue;
+      setCaretPosition(event.target, caret + caretShift);
+      onChange == null ? void 0 : onChange(event);
+    };
+    const handleButtonClick = (event) => {
+      event.preventDefault();
+      setEditingMode(true);
+    };
+    return /* @__PURE__ */ jsxs("div", { className: clsx(styles.documentNumberEdit, className), ref, children: [
+      /* @__PURE__ */ jsx(Text, { className: styles.label, tag: "div", size: ETextSize.B3, type: EFontType.SECONDARY, children: getLabelText() }),
+      editingMode ? /* @__PURE__ */ jsx("div", { className: styles.inputEditWrapper, children: /* @__PURE__ */ jsx(
+        SmallInput,
+        {
+          ...rest,
+          value: value || "",
+          placeholder: inputPlaceholder,
+          maxLength,
+          autoFocus: true,
+          onBlur: handleInputBlur,
+          onKeyDown: handleInputKeyDown,
+          onChange: handleInputChange
+        }
+      ) }) : /* @__PURE__ */ jsx(Text, { className: styles.label, tag: "div", size: ETextSize.B3, type: EFontType.SECONDARY, children: /* @__PURE__ */ jsx(Link, { href: "#", onClick: handleButtonClick, children: value ? buttonLabel : emptyNumberButtonLabel }) })
+    ] });
+  }
+);
 DocumentNumberEdit.displayName = "DocumentNumberEdit";
 export {
   DocumentNumberEdit

package/components/DocumentNumberEdit/DocumentNumberEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentNumberEdit.js","sources":["../../../src/components/DocumentNumberEdit/DocumentNumberEdit.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport { SmallInput, ISmallInputProps } from \"../SmallInput/SmallInput\";\nimport { Text } from \"../Typography/Text\";\nimport { EFontType, ETextSize } from \"../Typography/enums\";\nimport { getCaretPosition, setCaretPosition } from \"../../utils/inputUtils\";\nimport { StringUtils } from \"../../utils/stringUtils\";\nimport { isKey } from \"../../utils/keyboard\";\nimport styles from \"./styles/DocumentNumberEdit.module.less\";\nimport clsx from \"clsx\";\nimport { Link } from \"../Link/Link\";\n\n/** Свойства компонента DocumentNumberEdit. */\nexport interface IDocumentNumberEditProps extends ISmallInputProps {\n    /** Номер документа. */\n    value?: React.ReactText;\n    /** Текст кнопки \"Изменить\". По умолчанию - \"Изменить\". */\n    buttonLabel: string;\n    /** Текст кнопки \"Изменить\" при отсутствии номера. По умолчанию - \"Задать номер\". */\n    emptyNumberButtonLabel: string;\n    /** Текст перед номером, при отсутствии номера. По умолчанию - \"Номер документа будет присвоен автоматически\". */\n    emptyNumberLabel: string;\n    /** Текст перед номером. По умолчанию - \"Документ №\". */\n    numberLabel: string;\n    /** Максимальная длина поля ввода. */\n    maxLength?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n}\n\n// Максимальное число символов.\nconst INPUT_MAX_LENGTH = 6;\n\n/** Поле редактирования номера документа. */\nexport const DocumentNumberEdit: React.FC<IDocumentNumberEditProps> = ({\n    className,\n    value,\n    buttonLabel,\n    emptyNumberButtonLabel,\n    emptyNumberLabel,\n    numberLabel,\n    maxLength = INPUT_MAX_LENGTH,\n    onBlur,\n    onChange,\n    onKeyDown,\n    ...rest\n}) => {\n    const [editingMode, setEditingMode] = useState(false);\n\n    /** Текст лейбла. */\n    const labelText = useMemo(() => {\n        if (editingMode) {\n            return numberLabel;\n        } else if (value) {\n            return `${numberLabel} ${value}`;\n        } else {\n            return emptyNumberLabel;\n        }\n    }, [value, numberLabel, emptyNumberLabel, editingMode]);\n\n    /** Рендер поля ввода. */\n    const renderInput = () => (\n        <div className={styles.inputEditWrapper}>\n            <SmallInput\n                {...rest}\n                value={value || \"\"}\n                placeholder={inputPlaceholder}\n                maxLength={maxLength}\n                autoFocus={true}\n                onBlur={handleInputBlur}\n                onKeyDown={handleInputKeyDown}\n                onChange={handleInputChange}\n            />\n        </div>\n    );\n\n    /** Плейсхолдер поля ввода. */\n    const inputPlaceholder = \"0\".repeat(maxLength);\n\n    /** Обработчик потери фокуса поля ввода. */\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n        setEditingMode(false);\n\n        onBlur?.(event);\n    };\n\n    /** Обработчик нажатия клавиши поля ввода. */\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (isKey(event.code, \"ENTER\")) {\n            setEditingMode(false);\n        }\n\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик изменения значения поля ввода. */\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        const caret = getCaretPosition(event.target);\n        const value = getFilteredValue(event.target.value);\n        const caretShift = value.length - event.target.value.length;\n\n        event.target.value = value;\n\n        setCaretPosition(event.target, caret + caretShift);\n\n        onChange?.(event);\n    };\n\n    /** Функция, возвращающая отфильтрованное значение. */\n    const getFilteredValue = (value: string) => {\n        const buffer: string[] = [];\n        const length = value.length;\n\n        for (let i = 0; i < length; i++) {\n            if (StringUtils.isDigit(value[i])) {\n                buffer.push(value[i]);\n            }\n        }\n\n        return buffer.join(\"\");\n    };\n\n    /** Рендер кнопки. */\n    const renderButton = () => (\n        <Text className={styles.label} tag=\"div\" size={ETextSize.B3} type={EFontType.SECONDARY}>\n            <Link href=\"#\" onClick={handleButtonClick}>\n                {value ? buttonLabel : emptyNumberButtonLabel}\n            </Link>\n        </Text>\n    );\n\n    /** Обработчик клика кнопки. */\n    const handleButtonClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n        event.preventDefault();\n        setEditingMode(true);\n    };\n\n    return (\n        <div className={clsx(styles.documentNumberEdit, className)}>\n            <Text className={styles.label} tag=\"div\" size={ETextSize.B3} type={EFontType.SECONDARY}>\n                {labelText}\n            </Text>\n\n            {editingMode ? renderInput() : renderButton()}\n        </div>\n    );\n};\n\nDocumentNumberEdit.displayName = \"DocumentNumberEdit\";\n"],"names":["value"],"mappings":";;;;;;;;;;;;;;;;;;AA4BA,MAAM,mBAAmB;AAGlB,MAAM,qBAAyD,CAAC;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAGpD,QAAM,YAAY,QAAQ,MAAM;AAC5B,QAAI,aAAa;AACb,aAAO;AAAA,IACX,WAAW,OAAO;AACd,aAAO,GAAG,WAAW,IAAI,KAAK;AAAA,IAClC,OAAO;AACH,aAAO;AAAA,IACX;AAAA,EACJ,GAAG,CAAC,OAAO,aAAa,kBAAkB,WAAW,CAAC;AAGtD,QAAM,cAAc,MAChB,oBAAC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,aAAa;AAAA,MACb;AAAA,MACA,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,UAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAIJ,QAAM,mBAAmB,IAAI,OAAO,SAAS;AAG7C,QAAM,kBAAkB,CAAC,UAA8C;AACnE,mBAAe,KAAK;AAEpB,qCAAS;AAAA,EACb;AAGA,QAAM,qBAAqB,CAAC,UAAiD;AACzE,QAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,qBAAe,KAAK;AAAA,IACxB;AAEA,2CAAY;AAAA,EAChB;AAGA,QAAM,oBAAoB,CAAC,UAA+C;AACtE,UAAM,QAAQ,iBAAiB,MAAM,MAAM;AAC3C,UAAMA,SAAQ,iBAAiB,MAAM,OAAO,KAAK;AACjD,UAAM,aAAaA,OAAM,SAAS,MAAM,OAAO,MAAM;AAErD,UAAM,OAAO,QAAQA;AAErB,qBAAiB,MAAM,QAAQ,QAAQ,UAAU;AAEjD,yCAAW;AAAA,EACf;AAGA,QAAM,mBAAmB,CAACA,WAAkB;AACxC,UAAM,SAAmB,CAAA;AACzB,UAAM,SAASA,OAAM;AAErB,aAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC7B,UAAI,YAAY,QAAQA,OAAM,CAAC,CAAC,GAAG;AAC/B,eAAO,KAAKA,OAAM,CAAC,CAAC;AAAA,MACxB;AAAA,IACJ;AAEA,WAAO,OAAO,KAAK,EAAE;AAAA,EACzB;AAGA,QAAM,eAAe,MACjB,oBAAC,MAAA,EAAK,WAAW,OAAO,OAAO,KAAI,OAAM,MAAM,UAAU,IAAI,MAAM,UAAU,WACzE,UAAA,oBAAC,MAAA,EAAK,MAAK,KAAI,SAAS,mBACnB,UAAA,QAAQ,cAAc,uBAAA,CAC3B,EAAA,CACJ;AAIJ,QAAM,oBAAoB,CAAC,UAA+C;AACtE,UAAM,eAAA;AACN,mBAAe,IAAI;AAAA,EACvB;AAEA,8BACK,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GACrD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAK,WAAW,OAAO,OAAO,KAAI,OAAM,MAAM,UAAU,IAAI,MAAM,UAAU,WACxE,UAAA,WACL;AAAA,IAEC,cAAc,YAAA,IAAgB,aAAA;AAAA,EAAa,GAChD;AAER;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"DocumentNumberEdit.js","sources":["../../../src/components/DocumentNumberEdit/DocumentNumberEdit.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { Link } from \"../Link/Link\";\nimport { SmallInput, ISmallInputProps } from \"../SmallInput/SmallInput\";\nimport { Text } from \"../Typography/Text\";\nimport { EFontType, ETextSize } from \"../Typography/enums\";\nimport { getCaretPosition, setCaretPosition } from \"../../utils/inputUtils\";\nimport { StringUtils } from \"../../utils/stringUtils\";\nimport { isKey } from \"../../utils/keyboard\";\nimport styles from \"./styles/DocumentNumberEdit.module.less\";\n\n/** Свойства компонента DocumentNumberEdit. */\nexport interface IDocumentNumberEditProps extends ISmallInputProps {\n    /** Номер документа. */\n    value?: React.ReactText;\n    /** Текст кнопки редактирования номера. Например, \"Изменить\". */\n    buttonLabel: string;\n    /** Текст кнопки редактирования, когда номер не задан. Например, \"Задать номер\". */\n    emptyNumberButtonLabel: string;\n    /** Текст вместо номера, когда номер не задан. Например, \"Номер документа будет присвоен автоматически\". */\n    emptyNumberLabel: string;\n    /** Текст перед номером. Например, \"Документ №\". */\n    numberLabel: string;\n    /** Максимальная длина поля ввода. По умолчанию 6. */\n    maxLength?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n}\n\n/** Максимальная длина поля ввода по умолчанию. */\nconst INPUT_MAX_LENGTH = 6;\n\n/** Оставляет в строке только цифры. */\nconst filterDigits = (value: string): string => Array.from(value).filter(StringUtils.isDigit).join(\"\");\n\n/** Поле редактирования номера документа. */\nexport const DocumentNumberEdit = React.forwardRef<HTMLDivElement, IDocumentNumberEditProps>(\n    (\n        {\n            className,\n            value,\n            buttonLabel,\n            emptyNumberButtonLabel,\n            emptyNumberLabel,\n            numberLabel,\n            maxLength = INPUT_MAX_LENGTH,\n            onBlur,\n            onChange,\n            onKeyDown,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [editingMode, setEditingMode] = useState(false);\n\n        /** Текст лейбла: при редактировании — только подпись, иначе подпись с номером либо текст об отсутствии номера. */\n        const getLabelText = () => {\n            if (editingMode) {\n                return numberLabel;\n            }\n\n            return value ? `${numberLabel} ${value}` : emptyNumberLabel;\n        };\n\n        /** Плейсхолдер поля ввода — маска из нулей по максимальной длине номера. */\n        const inputPlaceholder = \"0\".repeat(maxLength);\n\n        /** Обработчик потери фокуса поля ввода. Завершает редактирование. */\n        const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n            setEditingMode(false);\n\n            onBlur?.(event);\n        };\n\n        /** Обработчик нажатия клавиши в поле ввода. Enter завершает редактирование. */\n        const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setEditingMode(false);\n            }\n\n            onKeyDown?.(event);\n        };\n\n        /** Обработчик изменения значения поля ввода. Отбрасывает нецифровые символы, сохраняя позицию курсора. */\n        const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            const caret = getCaretPosition(event.target);\n            const filteredValue = filterDigits(event.target.value);\n            const caretShift = filteredValue.length - event.target.value.length;\n\n            // Значение поля перезаписывается до вызова onChange, чтобы потребитель получил уже отфильтрованное значение.\n            event.target.value = filteredValue;\n\n            setCaretPosition(event.target, caret + caretShift);\n\n            onChange?.(event);\n        };\n\n        /** Обработчик клика по кнопке. Включает режим редактирования. */\n        const handleButtonClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n            event.preventDefault();\n            setEditingMode(true);\n        };\n\n        return (\n            <div className={clsx(styles.documentNumberEdit, className)} ref={ref}>\n                <Text className={styles.label} tag=\"div\" size={ETextSize.B3} type={EFontType.SECONDARY}>\n                    {getLabelText()}\n                </Text>\n\n                {editingMode ? (\n                    <div className={styles.inputEditWrapper}>\n                        <SmallInput\n                            {...rest}\n                            value={value || \"\"}\n                            placeholder={inputPlaceholder}\n                            maxLength={maxLength}\n                            autoFocus={true}\n                            onBlur={handleInputBlur}\n                            onKeyDown={handleInputKeyDown}\n                            onChange={handleInputChange}\n                        />\n                    </div>\n                ) : (\n                    <Text className={styles.label} tag=\"div\" size={ETextSize.B3} type={EFontType.SECONDARY}>\n                        <Link href=\"#\" onClick={handleButtonClick}>\n                            {value ? buttonLabel : emptyNumberButtonLabel}\n                        </Link>\n                    </Text>\n                )}\n            </div>\n        );\n    },\n);\n\nDocumentNumberEdit.displayName = \"DocumentNumberEdit\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;AA4BA,MAAM,mBAAmB;AAGzB,MAAM,eAAe,CAAC,UAA0B,MAAM,KAAK,KAAK,EAAE,OAAO,YAAY,OAAO,EAAE,KAAK,EAAE;AAG9F,MAAM,qBAAqBA,eAAM;AAAA,EACpC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAGpD,UAAM,eAAe,MAAM;AACvB,UAAI,aAAa;AACb,eAAO;AAAA,MACX;AAEA,aAAO,QAAQ,GAAG,WAAW,IAAI,KAAK,KAAK;AAAA,IAC/C;AAGA,UAAM,mBAAmB,IAAI,OAAO,SAAS;AAG7C,UAAM,kBAAkB,CAAC,UAA8C;AACnE,qBAAe,KAAK;AAEpB,uCAAS;AAAA,IACb;AAGA,UAAM,qBAAqB,CAAC,UAAiD;AACzE,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,uBAAe,KAAK;AAAA,MACxB;AAEA,6CAAY;AAAA,IAChB;AAGA,UAAM,oBAAoB,CAAC,UAA+C;AACtE,YAAM,QAAQ,iBAAiB,MAAM,MAAM;AAC3C,YAAM,gBAAgB,aAAa,MAAM,OAAO,KAAK;AACrD,YAAM,aAAa,cAAc,SAAS,MAAM,OAAO,MAAM;AAG7D,YAAM,OAAO,QAAQ;AAErB,uBAAiB,MAAM,QAAQ,QAAQ,UAAU;AAEjD,2CAAW;AAAA,IACf;AAGA,UAAM,oBAAoB,CAAC,UAA+C;AACtE,YAAM,eAAA;AACN,qBAAe,IAAI;AAAA,IACvB;AAEA,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAG,KACxD,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,WAAW,OAAO,OAAO,KAAI,OAAM,MAAM,UAAU,IAAI,MAAM,UAAU,WACxE,0BACL;AAAA,MAEC,cACG,oBAAC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACI,GAAG;AAAA,UACJ,OAAO,SAAS;AAAA,UAChB,aAAa;AAAA,UACb;AAAA,UACA,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,UAAU;AAAA,QAAA;AAAA,MAAA,EACd,CACJ,IAEA,oBAAC,MAAA,EAAK,WAAW,OAAO,OAAO,KAAI,OAAM,MAAM,UAAU,IAAI,MAAM,UAAU,WACzE,UAAA,oBAAC,MAAA,EAAK,MAAK,KAAI,SAAS,mBACnB,UAAA,QAAQ,cAAc,uBAAA,CAC3B,EAAA,CACJ;AAAA,IAAA,GAER;AAAA,EAER;AACJ;AAEA,mBAAmB,cAAc;"}

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -6,11 +6,11 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
 import { isKey } from "../../../utils/keyboard.js";
-const dropdownDesktop = "dropdownDesktop__8034a3fc";
-const sm = "sm__16258d5d";
-const md = "md__7b97a099";
-const lg = "lg__bb097f90";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__61224147";
+const dropdownDesktop = "dropdownDesktop__7d932caa";
+const sm = "sm__9562d4b7";
+const md = "md__902880ba";
+const lg = "lg__1aa366e5";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__0e4b2a49";
 const styles = {
   dropdownDesktop,
   sm,
@@ -164,7 +164,7 @@ const DropdownDesktop = React__default.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "1.47.0",
+      "data-tx": "1.49.0",
       ref: setRef,
       children
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-B9cIx_8A.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-DjQdo1YB.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../DropdownListContext.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-CUIykw0y.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-B9cIx_8A.js";
+import { D } from "../../../chunks/DropdownListItem-DjQdo1YB.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop } from "./DropdownDesktop.js";
 import { DropdownList } from "./DropdownList.js";
-import { D } from "../../../chunks/DropdownListItem-B9cIx_8A.js";
+import { D } from "../../../chunks/DropdownListItem-DjQdo1YB.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./enums.js";
 export {
   DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { DropdownListContext } from "./DropdownListContext.js";
 import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
 import { DropdownList } from "./desktop/DropdownList.js";
-import { D } from "../../chunks/DropdownListItem-B9cIx_8A.js";
+import { D } from "../../chunks/DropdownListItem-DjQdo1YB.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./desktop/enums.js";
 import { DropdownMobile } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./mobile/DropdownMobileBody.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import { OverlayBase, EOverlayDirection } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner } from "./DropdownMobileInner.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-BC1kwDSo.js";
 const dropdownMobileBodyOverflowClassName = styles.dropdownMobileBodyOverflow;
 const DropdownMobile = React__default.forwardRef(
   ({ children, opened, setOpened, ...htmlAttributes }, ref) => {
@@ -20,7 +20,7 @@ const DropdownMobile = React__default.forwardRef(
         ...props,
         ...htmlAttributes,
         ref,
-        "data-tx": "1.47.0",
+        "data-tx": "1.49.0",
         children
       }
     ) });

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-BC1kwDSo.js";
 const DropdownMobileBody = React__default.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileContent, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-BC1kwDSo.js";
 const DropdownMobileClose = React__default.forwardRef(
   ({ className, ...buttonIconProps }, ref) => /* @__PURE__ */ jsx(ButtonIcon, { className: clsx(styles.dropdownMobileClose, className), ref, ...buttonIconProps, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-BC1kwDSo.js";
 const DropdownMobileFooter = React__default.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileFooter, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-BC1kwDSo.js";
 const DropdownMobileHeader = React__default.forwardRef(
   ({ children, className, controlButtons, ...htmlAttributes }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.dropdownMobileHeader, className), ref, ...htmlAttributes, children: [
     /* @__PURE__ */ jsx("div", { className: styles.dropdownMobileHeaderContent, children }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-BC1kwDSo.js";
 const DropdownMobileInner = React__default.forwardRef(
   ({
     children,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const dropdownMobileInput = "dropdownMobileInput__eaa4647a";
+const dropdownMobileInput = "dropdownMobileInput__c3d37fc4";
 const styles = {
   dropdownMobileInput
 };

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -5,7 +5,7 @@ import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem } from "./DropdownMobileListItem.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-BC1kwDSo.js";
 import { u as uniqueId } from "../../../chunks/vendor-CUIykw0y.js";
 const DropdownMobileList = React__default.forwardRef(
   ({ children, className, loading, ...htmlAttributes }, ref) => {

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -5,7 +5,7 @@ import { Text } from "../../Typography/Text.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { Badge } from "../../Badge/Badge.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-BC1kwDSo.js";
 const DropdownMobileListItem = React__default.forwardRef(
   ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
     const handleClick = (event) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,7 +4,7 @@ import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-BC1kwDSo.js";
 const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
   LoaderSmall,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__4bfa9d76";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__1ea44c48";
 const styles = {
   dropdownMobileMaskedInput
 };

package/components/Ellipsis/Ellipsis.js

@@ -1,22 +1,25 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const ellipsisLineClamp = "ellipsisLineClamp__b3dd98ab";
-const oneLine = "oneLine__75272a1f";
+const ellipsisLineClamp = "ellipsisLineClamp__57ad25b0";
+const oneLine = "oneLine__ca25bd1b";
 const styles = {
   ellipsisLineClamp,
   oneLine
 };
 const Ellipsis = React__default.forwardRef(
-  ({ children, maxLines, className, ...rest }, ref) => {
-    const classNames = clsx(styles.ellipsisLineClamp, { [styles.oneLine]: maxLines === 1 }, className);
+  ({ children, maxLines, className, style, ...htmlDivAttributes }, ref) => {
+    const ellipsisStyle = {
+      ...style,
+      "--triplex-next-runtime-Ellipsis-Root_LineClamp": maxLines
+    };
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames,
-        style: { "--ellipsis-line-clamp": maxLines },
-        ...rest,
-        "data-tx": "1.47.0",
+        className: clsx(styles.ellipsisLineClamp, { [styles.oneLine]: maxLines === 1 }, className),
+        style: ellipsisStyle,
+        ...htmlDivAttributes,
+        "data-tx": "1.49.0",
         ref,
         children
       }

package/components/Ellipsis/Ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipsis.js","sources":["../../../src/components/Ellipsis/Ellipsis.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Ellipsis.module.less\";\n\nexport interface IEllipsisProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Количество строк, после которых происходит сворачивание в многоточие. */\n    maxLines: number;\n}\nexport const Ellipsis = React.forwardRef<HTMLDivElement, IEllipsisProps>(\n    ({ children, maxLines, className, ...rest }, ref) => {\n        const classNames = clsx(styles.ellipsisLineClamp, { [styles.oneLine]: maxLines === 1 }, className);\n\n        return (\n            <div\n                className={classNames}\n                style={{ \"--ellipsis-line-clamp\": maxLines } as React.CSSProperties}\n                {...rest}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nEllipsis.displayName = \"Ellipsis\";\n"],"names":["React"],"mappings":";;;;;;;;;AAQO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AACjD,UAAM,aAAa,KAAK,OAAO,mBAAmB,EAAE,CAAC,OAAO,OAAO,GAAG,aAAa,EAAA,GAAK,SAAS;AAEjG,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,EAAE,yBAAyB,SAAA;AAAA,QACjC,GAAG;AAAA,QACJ,WAAS;AAAA,QACT;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"Ellipsis.js","sources":["../../../src/components/Ellipsis/Ellipsis.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Ellipsis.module.less\";\n\ninterface IEllipsisStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-Ellipsis-Root_LineClamp\": number;\n}\n\n/** Свойства компонента Ellipsis. */\nexport interface IEllipsisProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Обрезаемое содержимое. Рассчитано на текст. */\n    children?: React.ReactNode;\n    /** Количество строк, после которых происходит сворачивание в многоточие. */\n    maxLines: number;\n}\n\n/**\n * Сворачивает в многоточие текст, не поместившийся в заданное количество строк.\n * Обрезка построена на CSS `line-clamp`, поэтому паддинги компоненту задавать нельзя:\n * они попадают внутрь обрезаемой области и искажают число видимых строк.\n */\nexport const Ellipsis = React.forwardRef<HTMLDivElement, IEllipsisProps>(\n    ({ children, maxLines, className, style, ...htmlDivAttributes }, ref) => {\n        // Число строк уходит в CSS-переменную: line-clamp нельзя задать классом для произвольного значения.\n        const ellipsisStyle: IEllipsisStyle = {\n            ...style,\n            \"--triplex-next-runtime-Ellipsis-Root_LineClamp\": maxLines,\n        };\n\n        return (\n            <div\n                className={clsx(styles.ellipsisLineClamp, { [styles.oneLine]: maxLines === 1 }, className)}\n                style={ellipsisStyle}\n                {...htmlDivAttributes}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nEllipsis.displayName = \"Ellipsis\";\n"],"names":["React"],"mappings":";;;;;;;;;AAqBO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,UAAU,WAAW,OAAO,GAAG,kBAAA,GAAqB,QAAQ;AAErE,UAAM,gBAAgC;AAAA,MAClC,GAAG;AAAA,MACH,kDAAkD;AAAA,IAAA;AAGtD,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,mBAAmB,EAAE,CAAC,OAAO,OAAO,GAAG,aAAa,EAAA,GAAK,SAAS;AAAA,QACzF,OAAO;AAAA,QACN,GAAG;AAAA,QACJ,WAAS;AAAA,QACT;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,SAAS,cAAc;"}

package/components/EmptyView/EmptyView.js

@@ -6,10 +6,10 @@ import { Title } from "../Typography/Title.js";
 import { ETextSize, EFontWeightTitle, ETitleSize, EFontType, EFontWeightText } from "../Typography/enums.js";
 import { Text } from "../Typography/Text.js";
 import { Gap } from "../Gap/Gap.js";
-const emptyView = "emptyView__bac52f91";
-const container = "container__72502f9f";
-const icon = "icon__b884f9ac";
-const textBlock = "textBlock__d7b698cc";
+const emptyView = "emptyView__3609c709";
+const container = "container__39f4bc5c";
+const icon = "icon__96782347";
+const textBlock = "textBlock__5ae164e7";
 const styles = {
   emptyView,
   container,

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
 import { z as Transition, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const expandAnimation = "expandAnimation__0e3b0d36";
+const expandAnimation = "expandAnimation__01466b9d";
 const styles = {
   expandAnimation
 };

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const Footer = Object.assign(
   React__default.forwardRef(function Footer2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.47.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.49.0", ref, children });
   }),
   {
     Description: FooterDescription

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { FooterDescriptionContent } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls } from "./FooterDescriptionControls.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/Footer.module-_S9ZcA7b.js";
+import { s as styles } from "../../../chunks/Footer.module-BpLLWIIo.js";
 const FooterDescription = Object.assign(
   React__default.forwardRef(function FooterDescription2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescription, className), ...rest, ref, children });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/Footer.module-_S9ZcA7b.js";
+import { s as styles } from "../../../chunks/Footer.module-BpLLWIIo.js";
 const FooterDescriptionContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionContent, className), ...rest, ref, children })
 );

package/components/Footer/components/FooterDescriptionControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/Footer.module-_S9ZcA7b.js";
+import { s as styles } from "../../../chunks/Footer.module-BpLLWIIo.js";
 const FooterDescriptionControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionControls, className), ...rest, ref, children })
 );

package/components/FormField/FormField.js

@@ -1,26 +1,26 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState, useMemo } from "react";
+import React__default, { useState, useLayoutEffect, useMemo } from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT } from "./consts.js";
 import { EFormFieldStatus } from "./enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const formField = "formField__b1412565";
-const sm = "sm__ed5d7a26";
-const md = "md__cfe15086";
-const lg = "lg__961e2e6d";
-const active = "active__368ac277";
-const disabled = "disabled__f8e0d3d6";
-const error = "error__eb92581c";
-const warning = "warning__51a38679";
-const filled = "filled__7b607ff6";
+const formField = "formField__9b7da4d9";
+const sm = "sm__274fa377";
+const md = "md__85a8070c";
+const lg = "lg__37188d24";
+const active = "active__8060f5fb";
+const disabled = "disabled__6824f26b";
+const error = "error__69e0a813";
+const warning = "warning__f097c610";
+const filled = "filled__9ac8066c";
 const styles = {
   formField,
   sm,
   md,
   lg,
-  "default": "default__52479ef3",
+  "default": "default__adf0d3b4",
   active,
   disabled,
   error,
@@ -50,6 +50,11 @@ const FormField = React__default.forwardRef(
     const [prefixWidth, setPrefixWidth] = useState(TARGET_PADDING_X_DEFAULT);
     const [filled2, setFilled] = useState(false);
     const [focused, setFocused] = useState(false);
+    useLayoutEffect(() => {
+      if (status === EFormFieldStatus.DISABLED) {
+        setFocused(false);
+      }
+    }, [status]);
     const isActive = active2 || focused;
     const contextValue = useMemo(
       () => ({
@@ -84,7 +89,7 @@ const FormField = React__default.forwardRef(
           },
           className
         ),
-        "data-tx": "1.47.0",
+        "data-tx": "1.49.0",
         style: { paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style },
         ...htmlDivAttributes,
         ref,