@sberbusiness/triplex-next 1.18.0 → 1.19.1

package/components/TopOverlay/TopOverlay.js

@@ -1,9 +1,9 @@
-import { jsx as o, jsxs as b, Fragment as B } from "react/jsx-runtime";
+import { jsx as a, jsxs as b, Fragment as B } from "react/jsx-runtime";
 import { useState as y, useRef as g, useEffect as C } from "react";
 import { EOverlayDirection as R } from "../Overlay/OverlayBase.js";
 import { Overlay as O } from "../Overlay/Overlay.js";
 import { c as S, F as j } from "../../chunks/vendor-Dlne6Znf.js";
-const D = "topOverlayMask__526b5632", E = "topOverlayWrapper__159fc35c", A = "closing__40411074", V = "opened__f569ef89", $ = "topOverlayPanel__58513266", q = "topOverlay__c0b76403", t = {
+const D = "topOverlayMask__a3791e75", E = "topOverlayWrapper__49e430dc", A = "closing__216ca779", V = "opened__e5148c95", $ = "topOverlayPanel__0516caa9", q = "topOverlay__0bbec7a2", t = {
   topOverlayMask: D,
   topOverlayWrapper: E,
   closing: A,
@@ -12,13 +12,13 @@ const D = "topOverlayMask__526b5632", E = "topOverlayWrapper__159fc35c", A = "cl
   topOverlay: q
 }, K = ({
   children: _,
-  focusTrapProps: a,
+  focusTrapProps: o,
   opened: e,
   onClose: l,
   onOpen: n,
   ...h
 }) => {
-  const [W, u] = y(!1), [x, f] = y(!1), [d, c] = y(0), p = g(e), s = g(null), m = () => {
+  const [W, u] = y(!1), [x, d] = y(!1), [m, c] = y(0), p = g(e), s = g(null), f = () => {
     if (s.current) {
       const r = getComputedStyle(s.current).getPropertyValue("--lightBox-screen-top") || "0", i = s.current.getBoundingClientRect();
       i.top < 0 ? c(
@@ -29,21 +29,21 @@ const D = "topOverlayMask__526b5632", E = "topOverlayWrapper__159fc35c", A = "cl
       );
     }
   }, k = () => {
-    m(), f(!0), n == null || n();
+    f(), d(!0), n == null || n();
   };
   C(() => {
-    p.current && !e ? u(!0) : !p.current && e && m(), p.current = e;
+    p.current && !e ? u(!0) : !p.current && e && f(), p.current = e;
   }, [e]);
   const M = () => {
     u(!1), c(0), l == null || l();
-  }, T = () => f(!1), F = (r) => /* @__PURE__ */ b(B, { children: [
-    /* @__PURE__ */ o(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
-    /* @__PURE__ */ o(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
+  }, T = () => d(!1), F = (r) => /* @__PURE__ */ b(B, { children: [
+    /* @__PURE__ */ a(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
+    /* @__PURE__ */ a(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
   ] }), N = () => {
   }, P = S(t.topOverlayWrapper, {
     [t.closing]: W,
     [t.opened]: e
-  }), I = /* @__PURE__ */ o(
+  }), I = /* @__PURE__ */ a(
     O,
     {
       onClose: M,
@@ -57,22 +57,22 @@ const D = "topOverlayMask__526b5632", E = "topOverlayWrapper__159fc35c", A = "cl
       children: F
     }
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     j,
     {
       active: x,
-      ...a,
+      ...o,
       focusTrapOptions: {
         clickOutsideDeactivates: !0,
         preventScroll: !0,
-        ...a == null ? void 0 : a.focusTrapOptions
+        ...o == null ? void 0 : o.focusTrapOptions
       },
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ a(
         "div",
         {
           className: P,
           ref: s,
-          style: d ? { top: `${d}px` } : void 0,
+          style: m ? { top: `${m}px` } : void 0,
           children: I
         }
       )

package/components/TreeView/TreeView.js

@@ -10,7 +10,7 @@ import { TreeViewAbstractNode as C } from "./TreeViewAbstractNode.js";
 import { TreeViewNode as f } from "./components/TreeViewNode.js";
 import { TreeViewGroup as b } from "./components/TreeViewGroup.js";
 import { c as v } from "../../chunks/vendor-Dlne6Znf.js";
-import { s as w } from "../../chunks/TreeView.module-Bv5q9M8W.js";
+import { s as w } from "../../chunks/TreeView.module-DEJX2JUM.js";
 const R = "rootNode";
 class n extends m.Component {
   constructor(e) {

package/components/TreeView/components/TreeViewGroup.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s } from "../../../chunks/TreeView.module-Bv5q9M8W.js";
+import { s } from "../../../chunks/TreeView.module-DEJX2JUM.js";
 const m = ({ children: r, ...e }) => /* @__PURE__ */ o("ul", { role: "group", className: s.treeViewGroup, ...e, children: r });
 export {
   m as TreeViewGroup

package/components/TreeView/components/TreeViewNode.js

@@ -7,7 +7,7 @@ import { TreeViewContext as m, withTreeViewContext as x } from "../TreeViewConte
 import { TreeViewAbstractNode as b } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils as n } from "../TreeViewAbstractNodeUtils.js";
 import { c as w } from "../../../chunks/vendor-Dlne6Znf.js";
-import { s as C } from "../../../chunks/TreeView.module-Bv5q9M8W.js";
+import { s as C } from "../../../chunks/TreeView.module-DEJX2JUM.js";
 class V extends l.Component {
   constructor(e) {
     super(e);

package/components/Typography/Caption.js

@@ -1,48 +1,48 @@
 import { jsx as E } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { c as S } from "../../chunks/vendor-Dlne6Znf.js";
-import { ECaptionSize as s, EFontWeightCaption as _, EFontType as T } from "./enums.js";
-import { t, F as b } from "../../chunks/constants-RnOklYSN.js";
-const g = "caption__9c0b934b", C = "regular__7a7cbc43", y = "semibold__24f9d9eb", M = "c1__1aa2d0ff", N = "c2__7f8e29a6", R = "d1__3ecb6c19", o = {
-  caption: g,
-  regular: C,
-  semibold: y,
-  c1: M,
-  c2: N,
-  d1: R
-}, L = {
-  [s.C1]: o.c1,
-  [s.C2]: o.c2,
-  [s.D1]: o.d1
+import { forwardRef as S } from "react";
+import { c as T } from "../../chunks/vendor-Dlne6Znf.js";
+import { ECaptionSize as a, EFontWeightCaption as _, EFontType as f } from "./enums.js";
+import { t, F as g } from "../../chunks/constants-sbJX8JQ4.js";
+const C = "caption__ed86a079", y = "regular__9751b6c6", M = "semibold__4de90575", N = "c1__1d0291cf", R = "c2__15d6dfa1", L = "d1__c3c08d5c", o = {
+  caption: C,
+  regular: y,
+  semibold: M,
+  c1: N,
+  c2: R,
+  d1: L
 }, O = {
+  [a.C1]: o.c1,
+  [a.C2]: o.c2,
+  [a.D1]: o.d1
+}, b = {
   [_.REGULAR]: o.regular,
   [_.SEMIBOLD]: o.semibold
-}, u = f(
+}, u = S(
   ({
     children: r,
     className: n,
     size: e,
     weight: p = _.REGULAR,
-    type: i = T.PRIMARY,
+    type: i = f.PRIMARY,
     underline: c,
-    strikethrough: a,
-    tag: m = "span",
-    ...l
-  }, d) => {
-    const A = S(
+    strikethrough: s,
+    tag: d = "span",
+    ...m
+  }, l) => {
+    const A = T(
       t.typography,
       o.caption,
-      L[e],
-      O[p],
-      b[i],
+      O[e],
+      b[p],
+      g[i],
       {
-        [t.strikethrough]: !!a && !c,
-        [t.underline]: !!c && !a,
-        [t.underlineStrikethrough]: !!a && !!c
+        [t.strikethrough]: !!s && !c,
+        [t.underline]: !!c && !s,
+        [t.underlineStrikethrough]: !!s && !!c
       },
       n
     );
-    return /* @__PURE__ */ E(m, { ref: d, className: A, ...l, children: r });
+    return /* @__PURE__ */ E(d, { ref: l, className: A, ...m, children: r });
   }
 );
 u.displayName = "Caption";

package/components/Typography/Text.js

@@ -1,15 +1,15 @@
 import { jsx as M } from "react/jsx-runtime";
 import { forwardRef as S } from "react";
-import { c as f } from "../../chunks/vendor-Dlne6Znf.js";
+import { c as d } from "../../chunks/vendor-Dlne6Znf.js";
 import { ETextSize as o, EFontWeightText as c, ELineType as a, EFontType as x } from "./enums.js";
-import { t as _, F as L } from "../../chunks/constants-RnOklYSN.js";
-const N = "text__7e56bbb8", O = "regular__7a7cbc43", g = "semibold__24f9d9eb", y = "b1__a4b2d959", R = "b2__222fef50", d = "b3__39677bf0", P = "compact__4e667a28", C = "b4__ae245a42", t = {
+import { t as _, F as L } from "../../chunks/constants-sbJX8JQ4.js";
+const N = "text__489db179", O = "regular__9751b6c6", f = "semibold__4de90575", g = "b1__1724048c", y = "b2__7a01bed8", R = "b3__a4e9cfda", P = "compact__9c37f39d", C = "b4__9e92db00", t = {
   text: N,
   regular: O,
-  semibold: g,
-  b1: y,
-  b2: R,
-  b3: d,
+  semibold: f,
+  b1: g,
+  b2: y,
+  b3: R,
   compact: P,
   b4: C
 }, u = {
@@ -25,8 +25,8 @@ const N = "text__7e56bbb8", O = "regular__7a7cbc43", g = "semibold__24f9d9eb", y
   [a.COMPACT]: t.compact
 }, I = S(
   ({
-    children: b,
-    className: r,
+    children: r,
+    className: b,
     size: m,
     weight: n = c.REGULAR,
     line: p = a.NORMAL,
@@ -36,7 +36,7 @@ const N = "text__7e56bbb8", O = "regular__7a7cbc43", g = "semibold__24f9d9eb", y
     tag: T = "span",
     ...E
   }, l) => {
-    const i = f(
+    const i = d(
       _.typography,
       t.text,
       u[m],
@@ -48,9 +48,9 @@ const N = "text__7e56bbb8", O = "regular__7a7cbc43", g = "semibold__24f9d9eb", y
         [_.underline]: !!e && !s,
         [_.underlineStrikethrough]: !!s && !!e
       },
-      r
+      b
     );
-    return /* @__PURE__ */ M(T, { ref: l, className: i, ...E, children: b });
+    return /* @__PURE__ */ M(T, { ref: l, className: i, ...E, children: r });
   }
 );
 I.displayName = "Text";

package/components/Typography/Title.js

@@ -2,8 +2,8 @@ import { jsx as E } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
 import { c as p } from "../../chunks/vendor-Dlne6Znf.js";
 import { ETitleSize as l, EFontWeightTitle as o, EFontType as S } from "./enums.js";
-import { t as e, F as A } from "../../chunks/constants-RnOklYSN.js";
-const M = "title__9ce00217", f = "regular__7a7cbc43", g = "semibold__24f9d9eb", u = "medium__9c53a855", y = "bold__dda62ce5", O = "h1__d5797a4d", L = "h2__a35c12bb", N = "h3__ad7a30f6", t = {
+import { t as e, F as A } from "../../chunks/constants-sbJX8JQ4.js";
+const M = "title__093a48db", f = "regular__9751b6c6", g = "semibold__4de90575", u = "medium__44eb8d88", y = "bold__8b1c8d06", O = "h1__5964210e", L = "h2__74a1fed8", N = "h3__fc8e56c5", t = {
   title: M,
   regular: f,
   semibold: g,
@@ -23,11 +23,11 @@ const M = "title__9ce00217", f = "regular__7a7cbc43", g = "semibold__24f9d9eb",
   [o.BOLD]: t.bold
 }, P = b(
   ({
-    children: a,
-    className: c,
+    children: m,
+    className: i,
     size: r,
-    weight: m = o.SEMIBOLD,
-    type: i = S.PRIMARY,
+    weight: c = o.SEMIBOLD,
+    type: a = S.PRIMARY,
     underline: s,
     strikethrough: _,
     tag: d = `${r}`,
@@ -37,16 +37,16 @@ const M = "title__9ce00217", f = "regular__7a7cbc43", g = "semibold__24f9d9eb",
       e.typography,
       t.title,
       I[r],
-      F[m],
-      A[i],
+      F[c],
+      A[a],
       {
         [e.strikethrough]: !!_ && !s,
         [e.underline]: !!s && !_,
         [e.underlineStrikethrough]: !!_ && !!s
       },
-      c
+      i
     );
-    return /* @__PURE__ */ E(d, { ref: h, className: T, ...n, children: a });
+    return /* @__PURE__ */ E(d, { ref: h, className: T, ...n, children: m });
   }
 );
 P.displayName = "Title";

package/components/Typography/constants.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { F as A } from "../../chunks/constants-RnOklYSN.js";
+import { F as A } from "../../chunks/constants-sbJX8JQ4.js";
 export {
   A as FONT_TYPE_TO_CLASS_NAME_MAP
 };

package/components/UnorderedList/UnorderedList.js

@@ -1,21 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { c as d } from "../../chunks/vendor-Dlne6Znf.js";
-import { UnorderedListItem as i } from "./UnorderedListItem.js";
-const a = "unorderedList__0abd81ff", m = {
-  unorderedList: a
+import { UnorderedListItem as a } from "./UnorderedListItem.js";
+const i = "unorderedList__aa3732a9", m = {
+  unorderedList: i
 }, n = Object.assign(
   s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
     "ul",
     {
       className: d(m.unorderedList, r),
       ...e,
-      "data-tx": "1.18.0",
+      "data-tx": "1.19.1",
       ref: t
     }
   )),
   {
-    Item: i
+    Item: a
   }
 );
 n.displayName = "UnorderedList";

package/components/UnorderedList/UnorderedListItem.js

@@ -5,23 +5,23 @@ import { ETextSize as d } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import { Text as i } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "unorderedListItem__f61288ed", f = {
+const a = "unorderedListItem__4102a14d", n = {
   unorderedListItem: a
-}, n = m.forwardRef(
+}, p = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
     i,
     {
-      className: s(f.unorderedListItem, t),
+      className: s(n.unorderedListItem, t),
       size: d.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.18.0",
+      "data-tx": "1.19.1",
       ref: r
     }
   )
 );
-n.displayName = "UnorderedListItem";
+p.displayName = "UnorderedListItem";
 export {
-  n as UnorderedListItem
+  p as UnorderedListItem
 };
 //# sourceMappingURL=UnorderedListItem.js.map

package/components/UploadZone/UploadZone.js

@@ -1,102 +1,111 @@
-import { jsx as O, jsxs as P } from "react/jsx-runtime";
-import { forwardRef as w, useState as x, useRef as A, useCallback as t, createElement as U, useEffect as N } from "react";
-import { createRoot as H } from "react-dom/client";
-import { c as R } from "../../chunks/vendor-Dlne6Znf.js";
-import { s as D, U as S } from "../../chunks/UploadZoneInput-CVEVGrOi.js";
-import { UploadZoneContext as T } from "./UploadZoneContext.js";
-const W = Object.assign(
-  w((y, b) => {
+import { jsx as w, jsxs as H } from "react/jsx-runtime";
+import { forwardRef as M, useState as U, useRef as h, useCallback as r, createElement as y, useEffect as Z } from "react";
+import { createRoot as S } from "react-dom/client";
+import { c as b } from "../../chunks/vendor-Dlne6Znf.js";
+import { s as E, U as T } from "../../chunks/UploadZoneInput-CXhNQ2dO.js";
+import { UploadZoneContext as q } from "./UploadZoneContext.js";
+const z = Object.assign(
+  M((j, C) => {
     const {
-      dropZoneContainer: r,
-      children: j,
-      className: u,
-      onChange: p,
-      renderContainerContent: a,
-      onDrop: o,
-      onDragOver: s,
-      ...f
-    } = y, [g, v] = x(!1), [l, C] = x(void 0), n = A(0), c = A(null), d = t(() => {
-      n.current += 1, n.current === 1 && v(!0);
-    }, []), i = t(() => {
-      n.current -= 1, n.current === 0 && v(!1);
-    }, []), h = t(
+      dropZoneContainer: n,
+      children: I,
+      className: f,
+      onChange: m,
+      renderContainerContent: c,
+      onDrop: l,
+      onDragOver: u,
+      ...v
+    } = j, [L, D] = U(!1), [d, O] = U(void 0), t = h(0), o = h(null), a = h(null), i = r(() => {
+      t.current += 1, t.current === 1 && D(!0);
+    }, []), p = r(() => {
+      t.current -= 1, t.current === 0 && D(!1);
+    }, []), N = r(
       (e) => {
-        e && (e.addEventListener("dragenter", d), e.addEventListener("dragleave", i));
+        e && (e.addEventListener("dragenter", i), e.addEventListener("dragleave", p));
       },
-      [d, i]
-    ), E = t(
+      [i, p]
+    ), R = r(
       (e) => {
-        e && (e.removeEventListener("dragenter", d), e.removeEventListener("dragleave", i));
+        e && (e.removeEventListener("dragenter", i), e.removeEventListener("dragleave", p));
       },
-      [d, i]
-    ), Z = t(
+      [i, p]
+    ), k = r(
       (e) => {
-        e.preventDefault(), s == null || s(e);
+        e.preventDefault(), u == null || u(e);
       },
-      [s]
-    ), L = t(
+      [u]
+    ), x = r(
       (e) => {
-        e.preventDefault(), o == null || o(e), p(e.dataTransfer.files, e), v(!1), n.current = 0;
+        e.preventDefault(), l == null || l(e), m(e.dataTransfer.files, e), D(!1), t.current = 0;
       },
-      [p, o]
-    ), k = t(() => {
+      [m, l]
+    ), A = r(() => {
       const e = document.createElement("div");
-      return H(e).render(
-        /* @__PURE__ */ U(
+      return a.current = S(e), a.current.render(
+        /* @__PURE__ */ y(
           "div",
           {
-            className: R(D.uploadZoneContainerDragArea, u),
-            onDragOver: Z,
-            onDrop: L,
-            ...f,
+            className: b(E.uploadZoneContainerDragArea, f),
+            onDragOver: k,
+            onDrop: x,
+            ...v,
             key: "uploadZoneDragArea",
             role: "none"
           },
-          a == null ? void 0 : a()
+          c == null ? void 0 : c()
         )
       ), e;
-    }, [u, Z, L, a, f]);
-    N(() => (h(r), () => {
-      E(r);
-    }), [r, h, E]), N(() => {
-      r && (g ? (c.current = k(), r.appendChild(c.current)) : c.current && r.removeChild(c.current));
-    }, [g, r, k]);
-    const m = () => {
-      l == null || l.click();
-    }, I = (e) => {
-      e.stopPropagation(), m();
+    }, [f, k, x, c, v]), s = r(() => {
+      a.current && (a.current.unmount(), a.current = null);
+      const e = o.current;
+      e != null && e.parentNode && e.parentNode.removeChild(e), o.current = null;
+    }, []);
+    Z(() => (N(n), () => {
+      R(n);
+    }), [n, N, R]), Z(() => {
+      n && (L ? o.current && n.contains(o.current) || (s(), o.current = A(), n.appendChild(o.current)) : s());
+    }, [L, n, A, s]), Z(
+      () => () => {
+        s(), t.current = 0;
+      },
+      [s]
+    );
+    const g = () => {
+      d == null || d.click();
+    }, P = (e) => {
+      e.stopPropagation(), g();
     };
-    return /* @__PURE__ */ O(
-      T.Provider,
+    return /* @__PURE__ */ w(
+      q.Provider,
       {
         value: {
-          inputNode: l,
-          onChange: p,
-          openUploadDialog: m,
-          setInputNode: C
+          inputNode: d,
+          onChange: m,
+          openUploadDialog: g,
+          setInputNode: O
         },
-        children: /* @__PURE__ */ P("div", { className: D.uploadZone, "data-tx": "1.18.0", ref: b, children: [
-          /* @__PURE__ */ U(
+        children: /* @__PURE__ */ H("div", { className: E.uploadZone, "data-tx": "1.19.1", ref: C, children: [
+          /* @__PURE__ */ y(
             "div",
             {
-              className: R(D.uploadZoneDragArea, u),
-              onClick: I,
-              ...f,
+              className: b(E.uploadZoneDragArea, f),
+              onClick: P,
+              ...v,
               key: "uploadZoneDragArea",
               role: "none"
             }
           ),
-          j({ openUploadDialog: m })
+          I({ openUploadDialog: g })
         ] })
       }
     );
   }),
   {
-    Input: S
+    Input: T
   }
 );
-W.displayName = "UploadZone";
+z.displayName = "UploadZone";
 export {
-  W as UploadZone
+  z as UploadZone
 };
 //# sourceMappingURL=UploadZone.js.map

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,7 @@
 import "react";
 import "../UploadZoneContext.js";
 import "../../../chunks/vendor-Dlne6Znf.js";
-import { U as i } from "../../../chunks/UploadZoneInput-CVEVGrOi.js";
+import { U as i } from "../../../chunks/UploadZoneInput-CXhNQ2dO.js";
 export {
   i as UploadZoneInput
 };