@sberbusiness/triplex-next 1.21.0 → 1.23.0

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,72 +1,72 @@
 import { jsx as g } from "react/jsx-runtime";
-import N, { useRef as A } from "react";
-import { A as U, c as j } from "../../chunks/vendor-CuCj7SgU.js";
-const F = "expandAnimation__8bbf835e", I = {
-  expandAnimation: F
-}, L = 300, M = N.forwardRef(
+import U, { useRef as y } from "react";
+import { z as b, c as j } from "../../chunks/vendor-BiObpx9E.js";
+const z = "expandAnimation__da11306d", F = {
+  expandAnimation: z
+}, I = 300, L = U.forwardRef(
   ({
-    children: y,
+    children: A,
     className: E,
     expanded: v,
-    animationTime: x = L,
+    animationTime: f = I,
     style: R,
-    onStart: d,
+    onStart: l,
     onEnd: h,
     transitionProps: e,
     ..._
-  }, f) => {
-    const m = A({
+  }, x) => {
+    const m = y({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = A(null), w = (c) => {
+    }), d = y(null), w = (c) => {
       var u;
-      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
-    }, b = (c) => {
+      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
+    }, H = (c) => {
       var u;
       h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
-    }, H = () => {
-      var c;
-      l.current && (l.current.style.height = l.current.scrollHeight + "px", l.current.scrollHeight), d == null || d(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
     }, T = () => {
+      var c;
+      d.current && (d.current.style.height = d.current.scrollHeight + "px", d.current.scrollHeight), l == null || l(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
+    }, D = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, D = (c) => {
-      l.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
+    }, N = (c) => {
+      d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
-      U,
+      b,
       {
         in: v,
-        timeout: x,
-        nodeRef: l,
+        timeout: f,
+        nodeRef: d,
         ...e,
         onEnter: w,
-        onEntered: b,
-        onExit: H,
-        onExited: T,
+        onEntered: H,
+        onExit: T,
+        onExited: D,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
-            className: j(I.expandAnimation, E),
+            className: j(F.expandAnimation, E),
             style: {
-              transitionDuration: x + "ms",
+              transitionDuration: f + "ms",
               ...m.current[c],
               ...R
             },
             ..._,
-            ref: D,
-            children: y
+            ref: N,
+            children: A
           }
         )
       }
     );
   }
 );
-M.displayName = "ExpandAnimation";
+L.displayName = "ExpandAnimation";
 export {
-  M as ExpandAnimation
+  L as ExpandAnimation
 };
 //# sourceMappingURL=ExpandAnimation.js.map

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.21.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.23.0", ref: r, children: o });
   }),
   {
     Description: m

package/components/Footer/components/FooterDescription.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import s from "react";
 import { FooterDescriptionContent as n } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls as m } from "./FooterDescriptionControls.js";
-import { c as p } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as c } from "../../../chunks/Footer.module-dEM87TWq.js";
+import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as c } from "../../../chunks/Footer.module-CMW0u8UD.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: t, ...r }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, t), ...r, ref: e, children: o });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
-import { c as m } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as n } from "../../../chunks/Footer.module-dEM87TWq.js";
+import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as n } from "../../../chunks/Footer.module-CMW0u8UD.js";
 const a = i.forwardRef(
   ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
 );

package/components/Footer/components/FooterDescriptionControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
-import { c as m } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as a } from "../../../chunks/Footer.module-dEM87TWq.js";
+import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as a } from "../../../chunks/Footer.module-CMW0u8UD.js";
 const p = i.forwardRef(
   ({ children: o, className: r, ...t }, s) => /* @__PURE__ */ e("div", { className: m(a.footerDescriptionControls, r), ...t, ref: s, children: o })
 );

package/components/FormField/FormField.js

@@ -1,90 +1,82 @@
-import { jsx as _ } from "react/jsx-runtime";
-import S, { useState as e } from "react";
-import { c as W } from "../../chunks/vendor-CuCj7SgU.js";
-import { FormFieldContext as G } from "./FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as p } from "./consts.js";
-import { EFormFieldStatus as s } from "./enums.js";
-import { EComponentSize as I } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as L } from "../../utils/classNameMaps.js";
-const P = "formField__e6a2ea91", y = "disabled__3a3108fa", U = "active__2c2dd6d7", z = "error__f07ff60e", j = "warning__15436a82", B = "sm__4e3f34fa", H = "md__390f6d1a", O = "lg__d8ba3336", t = {
-  formField: P,
-  default: "default__0f4d4572",
+import { jsx as n } from "react/jsx-runtime";
+import I, { useState as t, useMemo as L } from "react";
+import { c as h } from "../../chunks/vendor-BiObpx9E.js";
+import { FormFieldContext as v } from "./FormFieldContext.js";
+import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
+import { EFormFieldStatus as o } from "./enums.js";
+import { EComponentSize as w } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
+const S = "formField__913f43e5", W = "sm__26ad389e", G = "md__d9ffd574", M = "lg__35f13ce0", P = "active__41fe4b61", y = "disabled__31b1d2c0", U = "error__ff5f0f6c", j = "warning__0f9e5e33", z = "filled__092d3f2a", e = {
+  formField: S,
+  sm: W,
+  md: G,
+  lg: M,
+  default: "default__58caed7e",
+  active: P,
   disabled: y,
-  active: U,
-  error: z,
+  error: U,
   warning: j,
-  sm: B,
-  md: H,
-  lg: O
-}, V = {
-  [s.DEFAULT]: t.default,
-  [s.DISABLED]: t.disabled,
-  [s.ERROR]: t.error,
-  [s.WARNING]: t.warning
-}, X = L(t), k = S.forwardRef(
+  filled: z
+}, B = {
+  [o.DEFAULT]: e.default,
+  [o.DISABLED]: e.disabled,
+  [o.ERROR]: e.error,
+  [o.WARNING]: e.warning
+}, O = C(e), V = I.forwardRef(
   ({
-    children: F,
-    className: x,
-    status: i = s.DEFAULT,
-    onMouseEnter: a,
-    onMouseLeave: o,
+    children: p,
+    className: F,
     style: g,
-    size: l = I.LG,
-    active: f = !1,
-    ...h
-  }, u) => {
-    const [r, v] = e(!1), [E, m] = e(!1), [N, R] = e(""), [c, T] = e(p), [n, A] = e(p), [D, b] = e(!1), w = (d) => {
-      m(!0), a == null || a(d);
-    }, C = (d) => {
-      m(!1), o == null || o(d);
-    };
-    return /* @__PURE__ */ _(
-      G.Provider,
+    size: s = w.LG,
+    status: r = o.DEFAULT,
+    active: a = !1,
+    ...u
+  }, x) => {
+    const [m, T] = t(), [c, b] = t(), [i, E] = t(_), [l, N] = t(_), [f, R] = t(!1), [d, A] = t(!1), D = L(
+      () => ({
+        size: s,
+        status: r,
+        targetId: m,
+        labelId: c,
+        postfixWidth: i,
+        prefixWidth: l,
+        filled: f,
+        focused: d,
+        active: a || d,
+        setTargetId: T,
+        setLabelId: b,
+        setPostfixWidth: E,
+        setPrefixWidth: N,
+        setFilled: R,
+        setFocused: A
+      }),
+      [s, r, m, c, i, l, f, d, a]
+    );
+    return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
+      "div",
       {
-        value: {
-          status: i,
-          focused: r,
-          hovered: E,
-          id: N,
-          postfixWidth: c,
-          prefixWidth: n,
-          setFocused: v,
-          setId: R,
-          setPostfixWidth: T,
-          setPrefixWidth: A,
-          setValueExist: b,
-          valueExist: D,
-          size: l,
-          active: f || r
-        },
-        children: /* @__PURE__ */ _(
-          "div",
+        className: h(
+          e.formField,
+          O[s],
+          B[r],
           {
-            className: W(
-              t.formField,
-              X[l],
-              V[i],
-              {
-                [t.active]: f || r
-              },
-              x
-            ),
-            onMouseEnter: w,
-            onMouseLeave: C,
-            "data-tx": "1.21.0",
-            style: { paddingLeft: n, paddingRight: c, ...g },
-            ...h,
-            ref: u,
-            children: F
-          }
-        )
+            [e.filled]: f,
+            [e.active]: a || d
+          },
+          F
+        ),
+        "data-tx": "1.23.0",
+        style: { paddingLeft: l, paddingRight: i, ...g },
+        ...u,
+        ref: x,
+        children: p
       }
-    );
+    ) });
   }
 );
-k.displayName = "FormField";
+V.displayName = "FormField";
 export {
-  k as FormField,
-  V as statusToClassNameMap
+  V as FormField,
+  B as statusToClassNameMap
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -1,29 +1,31 @@
 import t from "react";
-import { EFormFieldStatus as e } from "./enums.js";
-import { EComponentSize as i } from "../../enums/EComponentSize.js";
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+import { EFormFieldStatus as i } from "./enums.js";
 const o = {
-  status: e.DEFAULT,
-  focused: !1,
-  hovered: !1,
-  id: "",
+  size: e.LG,
+  status: i.DEFAULT,
+  targetId: void 0,
+  labelId: void 0,
   postfixWidth: 0,
   prefixWidth: 0,
-  setFocused: () => {
+  filled: !1,
+  focused: !1,
+  active: !1,
+  setTargetId: () => {
   },
-  setId: () => {
+  setLabelId: () => {
   },
   setPostfixWidth: () => {
   },
   setPrefixWidth: () => {
   },
-  setValueExist: () => {
+  setFilled: () => {
   },
-  valueExist: !1,
-  size: i.MD,
-  active: !1
-}, d = t.createContext(o);
+  setFocused: () => {
+  }
+}, r = t.createContext(o);
 export {
-  d as FormFieldContext,
+  r as FormFieldContext,
   o as initialFormFieldContext
 };
 //# sourceMappingURL=FormFieldContext.js.map

package/components/FormField/components/FormFieldClear.js

@@ -1,30 +1,32 @@
-import { jsx as o } from "react/jsx-runtime";
-import c, { useContext as F } from "react";
-import { c as p } from "../../../chunks/vendor-CuCj7SgU.js";
-import { CrossStrokeSrvIcon16 as h } from "@sberbusiness/icons-next";
-import { FormFieldContext as C } from "../FormFieldContext.js";
-import { EFormFieldStatus as u } from "../enums.js";
-import { ButtonIcon as x } from "../../Button/ButtonIcon.js";
-const _ = "formFieldClear__7d4e9d5a", v = "hidden__0b7aef52", t = {
-  formFieldClear: _,
-  hidden: v
-}, I = c.forwardRef(
-  ({ className: d, onMouseDown: e, ...l }, a) => {
-    const { status: m, focused: s, hovered: i, valueExist: f } = F(C), n = p(
-      t.formFieldClear,
-      "hoverable",
-      {
-        [t.hidden]: !f || m === u.DISABLED || !(s || i)
+import { jsx as l } from "react/jsx-runtime";
+import f, { useCallback as i } from "react";
+import { c } from "../../../chunks/vendor-BiObpx9E.js";
+import { CrossStrokeSrvIcon16 as d } from "@sberbusiness/icons-next";
+import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
+const p = "formFieldClear__e84651f8", C = {
+  formFieldClear: p
+}, F = f.forwardRef(
+  ({ className: a, onMouseDown: r, ...t }, m) => {
+    const o = i(
+      (e) => {
+        e.preventDefault(), r == null || r(e);
       },
-      d
+      [r]
+    );
+    return /* @__PURE__ */ l(
+      s,
+      {
+        ...t,
+        className: c(C.formFieldClear, "hoverable", a),
+        onMouseDown: o,
+        ref: m,
+        children: /* @__PURE__ */ l(d, { paletteIndex: 5 })
+      }
     );
-    return /* @__PURE__ */ o(x, { className: n, onMouseDown: (r) => {
-      r.preventDefault(), e == null || e(r);
-    }, ...l, ref: a, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
   }
 );
-I.displayName = "FormFieldClear";
+F.displayName = "FormFieldClear";
 export {
-  I as FormFieldClear
+  F as FormFieldClear
 };
 //# sourceMappingURL=FormFieldClear.js.map

package/components/FormField/components/FormFieldCounter.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContext as i, useEffect as m } from "react";
 import { FormFieldDescriptionContext as n } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__07307901", u = {
+const s = "formFieldCounter__87ac50c3", u = {
   formFieldCounter: s
 }, l = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);

package/components/FormField/components/FormFieldDescription.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c } from "../../../chunks/vendor-BiObpx9E.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__c86c7305", p = "withCounter__2f1214e7", i = {
+const l = "formFieldDescription__5c5f2005", p = "withCounter__5bdb5833", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: e, ...r }) => {
+}, d = ({ children: r, ...e }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
 };
 d.displayName = "FormFieldDescription";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -1,11 +1,12 @@
 import "react/jsx-runtime";
 import "react";
+import "../../../chunks/vendor-BiObpx9E.js";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-CuCj7SgU.js";
-import { F as a } from "../../../chunks/FormFieldInput-BXZLkCG-.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
+import "./utils.js";
+import { F as d } from "../../../chunks/FormFieldInput-CwX_1h09.js";
 export {
-  a as FormFieldInput
+  d as FormFieldInput
 };
 //# sourceMappingURL=FormFieldInput.js.map

package/components/FormField/components/FormFieldLabel.js

@@ -1,44 +1,42 @@
-import { jsx as i } from "react/jsx-runtime";
-import u, { useContext as E, useState as g, useEffect as A } from "react";
-import { n as N, c as S } from "../../../chunks/vendor-CuCj7SgU.js";
-import { FormFieldContext as h } from "../FormFieldContext.js";
+import { jsx as s } from "react/jsx-runtime";
+import A, { useContext as E, useMemo as N, useLayoutEffect as I } from "react";
+import { u as S, c as h } from "../../../chunks/vendor-BiObpx9E.js";
+import { FormFieldContext as y } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
-import { EFormFieldStatus as y } from "../enums.js";
-import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
-const C = "formFieldLabel__4064b567", I = "sm__4e3f34fa", M = "md__390f6d1a", R = "lg__d8ba3336", v = "floating__17ca77bf", z = "formFieldLabelText__d60b2223", G = "disabled__3a3108fa", t = {
-  formFieldLabel: C,
-  sm: I,
-  md: M,
-  lg: R,
-  floating: v,
-  formFieldLabelText: z,
-  disabled: G
-}, U = D(t), W = u.forwardRef(
-  ({ children: d, className: f, style: r, floating: e, ...c }, n) => {
-    const { status: _, active: l, id: b, prefixWidth: F, postfixWidth: L, size: x, valueExist: a } = E(h), [s, o] = g(!1);
-    A(() => {
-      !N(e) && e !== s ? o(e) : e !== s && o(l || a);
-    }, [l, a, e, s]);
-    const p = S(
-      t.formFieldLabel,
-      U[x],
+import { EFormFieldStatus as C } from "../enums.js";
+import { TARGET_PADDING_X_DEFAULT as a } from "../consts.js";
+const M = "formFieldLabel__c6f22484", R = "sm__26ad389e", v = "md__d9ffd574", z = "lg__35f13ce0", G = "floating__d9407c8a", W = "formFieldLabelText__f91d9ca2", j = "disabled__31b1d2c0", e = {
+  formFieldLabel: M,
+  sm: R,
+  md: v,
+  lg: z,
+  floating: G,
+  formFieldLabelText: W,
+  disabled: j
+}, q = D(e), w = A.forwardRef(
+  ({ children: i, id: t, className: d, style: m, floating: f, ...r }, c) => {
+    const { targetId: n, size: _, status: b, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = f ?? (F || L), x = h(
+      e.formFieldLabel,
+      q[_],
       {
-        [t.disabled]: _ === y.DISABLED,
-        [t.floating]: s
+        [e.floating]: u,
+        [e.disabled]: b === C.DISABLED
       },
-      f
+      d
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: F || m,
+      left: g || a,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: L || m,
-      ...r
+      right: p || a,
+      ...m
     };
-    return /* @__PURE__ */ i("label", { className: p, ref: n, htmlFor: b, ...c, style: T, children: /* @__PURE__ */ i("span", { className: t.formFieldLabelText, children: d }) });
+    return I(() => {
+      o(l);
+    }, [l, o]), /* @__PURE__ */ s("label", { ...r, id: l, className: x, htmlFor: n, style: T, ref: c, children: /* @__PURE__ */ s("span", { className: e.formFieldLabelText, children: i }) });
   }
 );
-W.displayName = "FormFieldLabel";
+w.displayName = "FormFieldLabel";
 export {
-  W as FormFieldLabel
+  w as FormFieldLabel
 };
 //# sourceMappingURL=FormFieldLabel.js.map