@sberbusiness/triplex-next 0.18.0 → 0.19.1

package/components/TreeView/components/TreeViewGroup.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s } from "../../../chunks/TreeView.module-DSb6I410.js";
+import { s } from "../../../chunks/TreeView.module-DwpFo7Sm.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-DE8Zvm0w.js";
-import { s as C } from "../../../chunks/TreeView.module-DSb6I410.js";
+import { s as C } from "../../../chunks/TreeView.module-DwpFo7Sm.js";
 class V extends l.Component {
   constructor(e) {
     super(e);

package/components/Typography/Caption.js

@@ -1,19 +1,19 @@
 import { jsx as E } from "react/jsx-runtime";
 import S from "react";
 import { c as T } from "../../chunks/vendor-DE8Zvm0w.js";
-import { ECaptionSize as a, EFontWeightCaption as _, EFontType as g } from "./enums.js";
-import { t, F as C } from "../../chunks/constants-CBGFTz75.js";
-const b = "caption__3e6d935e", f = "regular__a858bccd", y = "semibold__b5bc6892", M = "c1__55a8470c", R = "c2__f6383580", N = "d1__b95183d4", o = {
-  caption: b,
-  regular: f,
-  semibold: y,
-  c1: M,
-  c2: R,
+import { ECaptionSize as s, EFontWeightCaption as _, EFontType as f } from "./enums.js";
+import { t, F as g } from "../../chunks/constants-BY0--v5J.js";
+const C = "caption__d6b2569b", y = "regular__9cf810a2", M = "semibold__ccdf24d4", R = "c1__1a11b21d", b = "c2__7429729c", N = "d1__8aa71e42", o = {
+  caption: C,
+  regular: y,
+  semibold: M,
+  c1: R,
+  c2: b,
   d1: N
 }, L = {
-  [a.C1]: o.c1,
-  [a.C2]: o.c2,
-  [a.D1]: o.d1
+  [s.C1]: o.c1,
+  [s.C2]: o.c2,
+  [s.D1]: o.d1
 }, O = {
   [_.REGULAR]: o.regular,
   [_.SEMIBOLD]: o.semibold
@@ -24,25 +24,25 @@ const b = "caption__3e6d935e", f = "regular__a858bccd", y = "semibold__b5bc6892"
     size: e,
     tag: p,
     weight: i = _.REGULAR,
-    type: m = g.PRIMARY,
+    type: m = f.PRIMARY,
     underline: c,
-    strikethrough: s,
-    ...l
-  }, d) => {
+    strikethrough: a,
+    ...d
+  }, l) => {
     const A = T(
       t.typography,
       o.caption,
       L[e],
       O[i],
-      C[m],
+      g[m],
       {
-        [t.strikethrough]: !!s && !c,
-        [t.underline]: !!c && !s,
-        [t.underlineStrikethrough]: !!s && !!c
+        [t.strikethrough]: !!a && !c,
+        [t.underline]: !!c && !a,
+        [t.underlineStrikethrough]: !!a && !!c
       },
       n
     );
-    return /* @__PURE__ */ E(p || "span", { ref: d, className: A, ...l, children: r });
+    return /* @__PURE__ */ E(p || "span", { ref: l, className: A, ...d, children: r });
   }
 );
 u.displayName = "Caption";

package/components/Typography/Text.js

@@ -1,10 +1,10 @@
 import { jsx as M } from "react/jsx-runtime";
 import S from "react";
-import { c as x } from "../../chunks/vendor-DE8Zvm0w.js";
-import { ETextSize as o, EFontWeightText as c, ELineType as b, EFontType as L } from "./enums.js";
-import { t as _, F as N } from "../../chunks/constants-CBGFTz75.js";
-const d = "text__fd5486e1", O = "regular__a858bccd", R = "semibold__b5bc6892", f = "b1__71a2d0cb", g = "b2__17e0843f", y = "b3__30b45159", P = "compact__23d04338", C = "b4__b3750e99", t = {
-  text: d,
+import { c as d } from "../../chunks/vendor-DE8Zvm0w.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-BY0--v5J.js";
+const N = "text__4be93917", O = "regular__9cf810a2", R = "semibold__ccdf24d4", f = "b1__4a295a65", g = "b2__9dd9938a", y = "b3__5325243d", P = "compact__16a37a0d", C = "b4__6b219e15", t = {
+  text: N,
   regular: O,
   semibold: R,
   b1: f,
@@ -21,36 +21,36 @@ const d = "text__fd5486e1", O = "regular__a858bccd", R = "semibold__b5bc6892", f
   [c.REGULAR]: t.regular,
   [c.SEMIBOLD]: t.semibold
 }, F = {
-  [b.NORMAL]: "",
-  [b.COMPACT]: t.compact
+  [a.NORMAL]: "",
+  [a.COMPACT]: t.compact
 }, I = S.forwardRef(
   ({
-    children: a,
-    className: r,
+    children: r,
+    className: b,
     size: m,
     tag: n,
-    type: p = L.PRIMARY,
+    type: p = x.PRIMARY,
     weight: A = c.REGULAR,
-    line: T = b.NORMAL,
-    underline: e,
-    strikethrough: s,
+    line: T = a.NORMAL,
+    underline: s,
+    strikethrough: e,
     ...E
   }, l) => {
-    const i = x(
+    const i = d(
       _.typography,
       t.text,
       u[m],
       B[A],
       F[T],
-      N[p],
+      L[p],
       {
-        [_.strikethrough]: !!s && !e,
-        [_.underline]: !!e && !s,
-        [_.underlineStrikethrough]: !!s && !!e
+        [_.strikethrough]: !!e && !s,
+        [_.underline]: !!s && !e,
+        [_.underlineStrikethrough]: !!e && !!s
       },
-      r
+      b
     );
-    return /* @__PURE__ */ M(n || "span", { ref: l, className: i, ...E, children: a });
+    return /* @__PURE__ */ M(n || "span", { ref: l, className: i, ...E, children: r });
   }
 );
 I.displayName = "Text";

package/components/Typography/Title.js

@@ -1,9 +1,9 @@
-import { jsx as b } from "react/jsx-runtime";
-import f from "react";
-import { c as E } from "../../chunks/vendor-DE8Zvm0w.js";
-import { ETitleSize as c, EFontWeightTitle as o, EFontType as p } from "./enums.js";
-import { t as e, F as S } from "../../chunks/constants-CBGFTz75.js";
-const A = "title__31ddea2f", M = "regular__a858bccd", g = "semibold__b5bc6892", u = "medium__5242e5f0", y = "bold__ebd671cc", O = "h1__4f37c7bf", L = "h2__7ef04f6d", N = "h3__44ead5c3", t = {
+import { jsx as E } from "react/jsx-runtime";
+import b from "react";
+import { c as f } from "../../chunks/vendor-DE8Zvm0w.js";
+import { ETitleSize as l, EFontWeightTitle as o, EFontType as p } from "./enums.js";
+import { t as e, F as S } from "../../chunks/constants-BY0--v5J.js";
+const A = "title__97c8c506", M = "regular__9cf810a2", g = "semibold__ccdf24d4", u = "medium__ff2a3df8", y = "bold__1e02c723", O = "h1__e801d21d", L = "h2__b0ab8d1b", N = "h3__9aeb2897", t = {
   title: A,
   regular: M,
   semibold: g,
@@ -13,17 +13,17 @@ const A = "title__31ddea2f", M = "regular__a858bccd", g = "semibold__b5bc6892",
   h2: L,
   h3: N
 }, I = {
-  [c.H1]: t.h1,
-  [c.H2]: t.h2,
-  [c.H3]: t.h3
+  [l.H1]: t.h1,
+  [l.H2]: t.h2,
+  [l.H3]: t.h3
 }, R = {
   [o.MEDIUM]: t.medium,
   [o.REGULAR]: t.regular,
   [o.SEMIBOLD]: t.semibold,
   [o.BOLD]: t.bold
-}, F = f.forwardRef(
+}, F = b.forwardRef(
   ({
-    children: l,
+    children: c,
     className: r,
     size: i,
     tag: m,
@@ -33,7 +33,7 @@ const A = "title__31ddea2f", M = "regular__a858bccd", g = "semibold__b5bc6892",
     strikethrough: _,
     ...n
   }, h) => {
-    const T = E(
+    const T = f(
       e.typography,
       t.title,
       I[i],
@@ -46,7 +46,7 @@ const A = "title__31ddea2f", M = "regular__a858bccd", g = "semibold__b5bc6892",
       },
       r
     );
-    return /* @__PURE__ */ b(m || "h1", { ref: h, className: T, ...n, children: l });
+    return /* @__PURE__ */ E(m || "h1", { ref: h, className: T, ...n, children: c });
   }
 );
 F.displayName = "Title";

package/components/Typography/constants.js

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

package/components/UnorderedList/UnorderedList.js

@@ -2,15 +2,15 @@ import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { c as d } from "../../chunks/vendor-DE8Zvm0w.js";
 import { UnorderedListItem as i } from "./UnorderedListItem.js";
-const m = "unorderedList__202b424c", n = {
+const m = "unorderedList__e5576b2a", a = {
   unorderedList: m
-}, a = Object.assign(
+}, n = Object.assign(
   s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
     "ul",
     {
-      className: d(n.unorderedList, r),
+      className: d(a.unorderedList, r),
       ...e,
-      "data-tx": "0.18.0",
+      "data-tx": "0.19.1",
       ref: t
     }
   )),
@@ -18,8 +18,8 @@ const m = "unorderedList__202b424c", n = {
     Item: i
   }
 );
-a.displayName = "UnorderedList";
+n.displayName = "UnorderedList";
 export {
-  a as UnorderedList
+  n as UnorderedList
 };
 //# sourceMappingURL=UnorderedList.js.map

package/components/UnorderedList/UnorderedListItem.js

@@ -1,21 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
 import { c as s } from "../../chunks/vendor-DE8Zvm0w.js";
-import { ETextSize as i } from "../Typography/enums.js";
+import { ETextSize as d } from "../Typography/enums.js";
 import "../Typography/Caption.js";
-import { Text as d } from "../Typography/Text.js";
+import { Text as i } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const a = "unorderedListItem__4ee2bf85", n = {
+const a = "unorderedListItem__16fd9d0c", n = {
   unorderedListItem: a
 }, p = m.forwardRef(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ o(
-    d,
+  ({ className: t, ...e }, r) => /* @__PURE__ */ o(
+    i,
     {
-      className: s(n.unorderedListItem, e),
-      size: i.B3,
+      className: s(n.unorderedListItem, t),
+      size: d.B3,
       tag: "li",
-      ...t,
-      "data-tx": "0.18.0",
+      ...e,
+      "data-tx": "0.19.1",
       ref: r
     }
   )

package/components/UploadZone/UploadZone.js

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

package/components/UploadZone/components/UploadZoneInput.js

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