@sberbusiness/triplex-next 1.36.0 → 1.37.0

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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Co26G_K_.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B9iBcFys.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Co26G_K_.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B9iBcFys.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Co26G_K_.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B9iBcFys.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-Bco_z_Yi.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Co26G_K_.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B9iBcFys.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-Bco_z_Yi.js";
-const dropdownMobileInput = "dropdownMobileInput__d1982cef";
+const dropdownMobileInput = "dropdownMobileInput__89eccca2";
 const styles = {
   dropdownMobileInput
 };

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -6,7 +6,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-Co26G_K_.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B9iBcFys.js";
 const DropdownMobileList = React__default.forwardRef(
   ({ children, className, loading, ...htmlAttributes }, ref) => {
     const [loaderId] = useState(() => uniqueId());

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-Co26G_K_.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B9iBcFys.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-Co26G_K_.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-B9iBcFys.js";
 const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
   LoaderSmall,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,12 +1,18 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__7e382449";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__a6be1940";
 const styles = {
   dropdownMobileMaskedInput
 };
-const DropdownMobileMaskedInput = ({ className, ...rest }) => /* @__PURE__ */ jsx(FormFieldMaskedInput, { className: clsx(styles.dropdownMobileMaskedInput, className), ...rest });
-DropdownMobileMaskedInput.presets = FormFieldMaskedInput.presets;
+const DropdownMobileMaskedInputBase = React__default.forwardRef(
+  ({ className, ...restProps }, ref) => /* @__PURE__ */ jsx(FormFieldMaskedInput, { className: clsx(styles.dropdownMobileMaskedInput, className), ...restProps, ref })
+);
+DropdownMobileMaskedInputBase.displayName = "DropdownMobileMaskedInput";
+const DropdownMobileMaskedInput = Object.assign(DropdownMobileMaskedInputBase, {
+  presets: FormFieldMaskedInput.presets
+});
 export {
   DropdownMobileMaskedInput
 };

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMobileMaskedInput.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileMaskedInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport {\n    FormFieldMaskedInput,\n    IFormFieldMaskedInputProps,\n    IFormFieldIMaskedInputFC,\n} from \"../../FormField/components/FormFieldMaskedInput\";\nimport styles from \"../styles/DropdownMobileMaskedInput.module.less\";\n\n/** Свойства компонента DropdownMobileMaskedInput. */\nexport interface IDropdownMobileMaskedInputProps extends IFormFieldMaskedInputProps {}\n\n/** Сущность компонента DropdownMobileMaskedInput.  */\nexport interface IDropdownMobileMaskedInputFC extends IFormFieldIMaskedInputFC {}\n\n/** Маскированное поле ввода мобильной версии Dropdown. */\nexport const DropdownMobileMaskedInput: IDropdownMobileMaskedInputFC = ({ className, ...rest }) => (\n    <FormFieldMaskedInput className={clsx(styles.dropdownMobileMaskedInput, className)} {...rest} />\n);\n\nDropdownMobileMaskedInput.presets = FormFieldMaskedInput.presets;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,4BAA0D,CAAC,EAAE,WAAW,GAAG,WACpF,oBAAC,sBAAA,EAAqB,WAAW,KAAK,OAAO,2BAA2B,SAAS,GAAI,GAAG,KAAA,CAAM;AAGlG,0BAA0B,UAAU,qBAAqB;"}
+{"version":3,"file":"DropdownMobileMaskedInput.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileMaskedInput.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldMaskedInput, IFormFieldMaskedInputProps } from \"../../FormField/components/FormFieldMaskedInput\";\nimport styles from \"../styles/DropdownMobileMaskedInput.module.less\";\n\n/** Свойства компонента DropdownMobileMaskedInput. */\nexport interface IDropdownMobileMaskedInputProps extends IFormFieldMaskedInputProps {}\n\nconst DropdownMobileMaskedInputBase = React.forwardRef<HTMLDivElement, IDropdownMobileMaskedInputProps>(\n    ({ className, ...restProps }, ref) => (\n        <FormFieldMaskedInput className={clsx(styles.dropdownMobileMaskedInput, className)} {...restProps} ref={ref} />\n    ),\n);\n\nDropdownMobileMaskedInputBase.displayName = \"DropdownMobileMaskedInput\";\n\n/** Маскированное поле ввода мобильной версии Dropdown. */\nexport const DropdownMobileMaskedInput = Object.assign(DropdownMobileMaskedInputBase, {\n    presets: FormFieldMaskedInput.presets,\n});\n"],"names":["React"],"mappings":";;;;;;;;AAQA,MAAM,gCAAgCA,eAAM;AAAA,EACxC,CAAC,EAAE,WAAW,GAAG,UAAA,GAAa,QAC1B,oBAAC,sBAAA,EAAqB,WAAW,KAAK,OAAO,2BAA2B,SAAS,GAAI,GAAG,WAAW,IAAA,CAAU;AAErH;AAEA,8BAA8B,cAAc;AAGrC,MAAM,4BAA4B,OAAO,OAAO,+BAA+B;AAAA,EAClF,SAAS,qBAAqB;AAClC,CAAC;"}

package/components/Ellipsis/Ellipsis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const ellipsisLineClamp = "ellipsisLineClamp__f4e0aabb";
-const oneLine = "oneLine__4dfdbcca";
+const ellipsisLineClamp = "ellipsisLineClamp__ecc058cd";
+const oneLine = "oneLine__e9dd0978";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React__default.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "1.36.0",
+        "data-tx": "1.37.0",
         ref,
         children
       }

package/components/EmptyView/EmptyView.js

@@ -6,10 +6,10 @@ import { Title } from "../Typography/Title.js";
 import { EFontWeightTitle, ETitleSize, ETextSize, EFontType, EFontWeightText } from "../Typography/enums.js";
 import { Text } from "../Typography/Text.js";
 import { Gap } from "../Gap/Gap.js";
-const emptyView = "emptyView__f07ba86c";
-const container = "container__0a4b00ea";
-const icon = "icon__ea8cba55";
-const textBlock = "textBlock__59b7700b";
+const emptyView = "emptyView__4b7fc455";
+const container = "container__e52cd8ba";
+const icon = "icon__4119c2b1";
+const textBlock = "textBlock__2eac3b33";
 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 { A as Transition, c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const expandAnimation = "expandAnimation__ae5143ab";
+const expandAnimation = "expandAnimation__229a9d2b";
 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.36.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.37.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/Footer.module-DI5kdIpX.js";
+import { s as styles } from "../../../chunks/Footer.module-Dh5DGad4.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/Footer.module-DI5kdIpX.js";
+import { s as styles } from "../../../chunks/Footer.module-Dh5DGad4.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/Footer.module-DI5kdIpX.js";
+import { s as styles } from "../../../chunks/Footer.module-Dh5DGad4.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

@@ -6,21 +6,21 @@ 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__12695eaa";
-const sm = "sm__575792f3";
-const md = "md__99edb20b";
-const lg = "lg__772fb7fa";
-const active = "active__e5827146";
-const disabled = "disabled__de421acb";
-const error = "error__a4d7b770";
-const warning = "warning__55d83d7b";
-const filled = "filled__8a003fc3";
+const formField = "formField__09948f4a";
+const sm = "sm__f7bb87a8";
+const md = "md__74fabd85";
+const lg = "lg__7fe1c875";
+const active = "active__9643e145";
+const disabled = "disabled__399be513";
+const error = "error__9fec96a0";
+const warning = "warning__5faa2674";
+const filled = "filled__34bec29c";
 const styles = {
   formField,
   sm,
   md,
   lg,
-  "default": "default__b946c6c3",
+  "default": "default__f1434648",
   active,
   disabled,
   error,
@@ -83,7 +83,7 @@ const FormField = React__default.forwardRef(
           },
           className
         ),
-        "data-tx": "1.36.0",
+        "data-tx": "1.37.0",
         style: { paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style },
         ...htmlDivAttributes,
         ref,

package/components/FormField/FormFieldContext.js

@@ -8,7 +8,8 @@ const initialFormFieldContext = {
   labelId: void 0,
   postfixWidth: 0,
   prefixWidth: 0,
-  filled: false,
+  // Временный фикс для DropdownMobileHeader
+  filled: true,
   focused: false,
   active: false,
   setTargetId: () => {

package/components/FormField/FormFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldContext.js","sources":["../../../src/components/FormField/FormFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { EFormFieldStatus } from \"./enums\";\n\nexport interface IFormFieldContext {\n    /** Размер поля. */\n    size: EComponentSize;\n    /** Статус поля. */\n    status: EFormFieldStatus;\n    /** Идентификатор элемента ввода. */\n    targetId: string | undefined;\n    /** Идентификатор лейбла. */\n    labelId: string | undefined;\n    /** Ширина элемента FormFieldPrefix. */\n    prefixWidth: number;\n    /** Ширина элемента FormFieldPostfix. */\n    postfixWidth: number;\n    /** Поле заполнено. */\n    filled: boolean;\n    /** Поле в фокусе. */\n    focused: boolean;\n    /** Поле активно. */\n    active: boolean;\n    /** Установка значения targetId. */\n    setTargetId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения labelId. */\n    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения postfixWidth. */\n    setPostfixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения prefixWidth. */\n    setPrefixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения filled. */\n    setFilled: React.Dispatch<React.SetStateAction<boolean>>;\n    /** Установка значения focused. */\n    setFocused: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport const initialFormFieldContext: IFormFieldContext = {\n    size: EComponentSize.LG,\n    status: EFormFieldStatus.DEFAULT,\n    targetId: undefined,\n    labelId: undefined,\n    postfixWidth: 0,\n    prefixWidth: 0,\n    filled: false,\n    focused: false,\n    active: false,\n    setTargetId: () => {},\n    setLabelId: () => {},\n    setPostfixWidth: () => {},\n    setPrefixWidth: () => {},\n    setFilled: () => {},\n    setFocused: () => {},\n};\n\n/**\n * Контекст поля ввода.\n */\nexport const FormFieldContext = React.createContext<IFormFieldContext>(initialFormFieldContext);\n"],"names":["React"],"mappings":";;;AAqCO,MAAM,0BAA6C;AAAA,EACtD,MAAM,eAAe;AAAA,EACrB,QAAQ,iBAAiB;AAAA,EACzB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,YAAY,MAAM;AAAA,EAAC;AACvB;AAKO,MAAM,mBAAmBA,eAAM,cAAiC,uBAAuB;"}
+{"version":3,"file":"FormFieldContext.js","sources":["../../../src/components/FormField/FormFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { EFormFieldStatus } from \"./enums\";\n\nexport interface IFormFieldContext {\n    /** Размер поля. */\n    size: EComponentSize;\n    /** Статус поля. */\n    status: EFormFieldStatus;\n    /** Идентификатор элемента ввода. */\n    targetId: string | undefined;\n    /** Идентификатор лейбла. */\n    labelId: string | undefined;\n    /** Ширина элемента FormFieldPrefix. */\n    prefixWidth: number;\n    /** Ширина элемента FormFieldPostfix. */\n    postfixWidth: number;\n    /** Поле заполнено. */\n    filled: boolean;\n    /** Поле в фокусе. */\n    focused: boolean;\n    /** Поле активно. */\n    active: boolean;\n    /** Установка значения targetId. */\n    setTargetId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения labelId. */\n    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения postfixWidth. */\n    setPostfixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения prefixWidth. */\n    setPrefixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения filled. */\n    setFilled: React.Dispatch<React.SetStateAction<boolean>>;\n    /** Установка значения focused. */\n    setFocused: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport const initialFormFieldContext: IFormFieldContext = {\n    size: EComponentSize.LG,\n    status: EFormFieldStatus.DEFAULT,\n    targetId: undefined,\n    labelId: undefined,\n    postfixWidth: 0,\n    prefixWidth: 0,\n    // Временный фикс для DropdownMobileHeader\n    filled: true,\n    focused: false,\n    active: false,\n    setTargetId: () => {},\n    setLabelId: () => {},\n    setPostfixWidth: () => {},\n    setPrefixWidth: () => {},\n    setFilled: () => {},\n    setFocused: () => {},\n};\n\n/**\n * Контекст поля ввода.\n */\nexport const FormFieldContext = React.createContext<IFormFieldContext>(initialFormFieldContext);\n"],"names":["React"],"mappings":";;;AAqCO,MAAM,0BAA6C;AAAA,EACtD,MAAM,eAAe;AAAA,EACrB,QAAQ,iBAAiB;AAAA,EACzB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA;AAAA,EAEb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,YAAY,MAAM;AAAA,EAAC;AACvB;AAKO,MAAM,mBAAmBA,eAAM,cAAiC,uBAAuB;"}

package/components/FormField/components/FormFieldClear.js

@@ -3,7 +3,7 @@ import React__default, { useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-const formFieldClear = "formFieldClear__bb6da46a";
+const formFieldClear = "formFieldClear__54c6c841";
 const styles = {
   formFieldClear
 };

package/components/FormField/components/FormFieldCounter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldCounter = "formFieldCounter__2fe377c7";
+const formFieldCounter = "formFieldCounter__3c78e4f3";
 const styles = {
   formFieldCounter
 };

package/components/FormField/components/FormFieldDescription.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldDescription = "formFieldDescription__b34df81b";
-const withCounter = "withCounter__eae8a526";
+const formFieldDescription = "formFieldDescription__f23c30b3";
+const withCounter = "withCounter__9740cbef";
 const styles = {
   formFieldDescription,
   withCounter

package/components/FormField/components/FormFieldInput.js

@@ -1,12 +1,109 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../chunks/vendor-Bco_z_Yi.js";
-import "../FormFieldContext.js";
-import "../enums.js";
-import "../../../utils/classNameMaps.js";
-import "./utils.js";
-import { F } from "../../../chunks/FormFieldInput-FA3ecx9K.js";
+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-Bco_z_Yi.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__0d1f694f";
+const sm = "sm__f7bb87a8";
+const md = "md__74fabd85";
+const lg = "lg__7fe1c875";
+const styles = {
+  formFieldInput,
+  sm,
+  md,
+  lg
+};
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const FormFieldInput = React__default.forwardRef(
+  ({
+    id: idProp,
+    className,
+    value,
+    defaultValue,
+    onFocus,
+    onBlur,
+    onAnimationStart,
+    onChange,
+    render,
+    ...restProps
+  }, ref) => {
+    const { status, setFocused, setTargetId, setFilled, size } = useContext(FormFieldContext);
+    const id = useMemo(() => idProp === void 0 ? uniqueId("input_") : idProp, [idProp]);
+    const classNames = clsx(styles.formFieldInput, sizeToClassNameMap[size], className);
+    const syncFilled = useCallback(
+      (nextValue) => {
+        setFilled(isFilled(nextValue));
+      },
+      [setFilled]
+    );
+    useLayoutEffect(() => {
+      setTargetId(id);
+    }, [id, setTargetId]);
+    useLayoutEffect(() => {
+      syncFilled(value ?? defaultValue);
+    }, []);
+    useLayoutEffect(() => {
+      if (value !== void 0) {
+        syncFilled(value);
+      }
+    }, [value, syncFilled]);
+    const handleFocus = useCallback(
+      (event) => {
+        syncFilled(event.currentTarget.value);
+        setFocused(true);
+        onFocus == null ? void 0 : onFocus(event);
+      },
+      [setFocused, syncFilled, onFocus]
+    );
+    const handleBlur = useCallback(
+      (event) => {
+        syncFilled(event.currentTarget.value);
+        setFocused(false);
+        onBlur == null ? void 0 : onBlur(event);
+      },
+      [setFocused, syncFilled, onBlur]
+    );
+    const handleAnimationStart = useCallback(
+      (event) => {
+        if (event.animationName.startsWith("autofill-applied-hook")) {
+          setFilled(true);
+        } else if (event.animationName.startsWith("autofill-cancelled-hook")) {
+          syncFilled(event.currentTarget.value);
+        }
+        onAnimationStart == null ? void 0 : onAnimationStart(event);
+      },
+      [setFilled, syncFilled, onAnimationStart]
+    );
+    const handleChange = useCallback(
+      (event) => {
+        syncFilled(event.currentTarget.value);
+        onChange == null ? void 0 : onChange(event);
+      },
+      [syncFilled, onChange]
+    );
+    const commonProps = {
+      ...restProps,
+      id,
+      className: classNames,
+      value,
+      defaultValue,
+      disabled: status === EFormFieldStatus.DISABLED,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onAnimationStart: handleAnimationStart,
+      onChange: handleChange
+    };
+    if (render) {
+      return render({ ...commonProps, size }, ref);
+    } else {
+      return /* @__PURE__ */ jsx("input", { ...commonProps, ref });
+    }
+  }
+);
+FormFieldInput.displayName = "FormFieldInput";
 export {
-  F as FormFieldInput
+  FormFieldInput
 };
 //# sourceMappingURL=FormFieldInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormFieldInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"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 { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { DataAttributes } from \"../../../types/CoreTypes\";\nimport { isFilled } from \"./utils\";\nimport styles from \"../styles/FormFieldInput.module.less\";\n\n/** Свойства, передаваемые в рендер-функцию IFormFieldInputProps. */\nexport interface IFormFieldInputProvideProps extends Omit<IFormFieldInputProps, \"render\" | \"size\"> {\n    size: EComponentSize;\n}\n\n/** Свойства компонента FormFieldInput. */\nexport interface IFormFieldInputProps extends React.InputHTMLAttributes<HTMLInputElement>, DataAttributes {\n    /** Рендер-функция, в которую можно передать любой инпут с нужным функционалом (валидация ввода, маска).\n     *  Через аргументы props инпуту передастся нужная стилизация.\n     * */\n    render?: (props: IFormFieldInputProvideProps, ref?: React.Ref<HTMLInputElement>) => React.ReactNode;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент, отображающий input. */\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 { status, setFocused, setTargetId, setFilled, size } = useContext(FormFieldContext);\n        const id = useMemo(() => (idProp === undefined ? uniqueId(\"input_\") : idProp), [idProp]);\n        const classNames = clsx(styles.formFieldInput, sizeToClassNameMap[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        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 = {\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, size }, ref);\n        } else {\n            // Рендер текстового инпута по-умолчанию.\n            return <input {...commonProps} ref={ref} />;\n        }\n    },\n);\n\nFormFieldInput.displayName = \"FormFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,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,QAAQ,YAAY,aAAa,WAAW,KAAA,IAAS,WAAW,gBAAgB;AACxF,UAAM,KAAK,QAAQ,MAAO,WAAW,SAAY,SAAS,QAAQ,IAAI,QAAS,CAAC,MAAM,CAAC;AACvF,UAAM,aAAa,KAAK,OAAO,gBAAgB,mBAAmB,IAAI,GAAG,SAAS;AAElF,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;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,YAAY,QAAQ;AAAA,IAAA;AAGzB,UAAM,cAAc;AAAA,MAChB,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,EAAE,GAAG,aAAa,KAAA,GAAQ,GAAG;AAAA,IAC/C,OAAO;AAEH,aAAO,oBAAC,SAAA,EAAO,GAAG,aAAa,IAAA,CAAU;AAAA,IAC7C;AAAA,EACJ;AACJ;AAEA,eAAe,cAAc;"}

package/components/FormField/components/FormFieldLabel.js

@@ -5,13 +5,13 @@ 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__08e99fb9";
-const sm = "sm__575792f3";
-const md = "md__99edb20b";
-const lg = "lg__772fb7fa";
-const floating = "floating__e6f8f526";
-const formFieldLabelText = "formFieldLabelText__5f03405c";
-const disabled = "disabled__de421acb";
+const formFieldLabel = "formFieldLabel__e8d4cda6";
+const sm = "sm__f7bb87a8";
+const md = "md__74fabd85";
+const lg = "lg__7fe1c875";
+const floating = "floating__22dc0b7a";
+const formFieldLabelText = "formFieldLabelText__fa416f9b";
+const disabled = "disabled__399be513";
 const styles = {
   formFieldLabel,
   sm,