@sberbusiness/triplex-next 1.9.0 → 1.11.0

package/components/Typography/Caption.js

@@ -1,9 +1,9 @@
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { c as y } from "../../chunks/vendor-D3hUOusX.js";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { c as y } from "../../chunks/vendor-ClY57Zzq.js";
 import { EFontWeightText as e, ECaptionSize as c, EFontType as T } from "./enums.js";
-import { t as s, m as b } from "../../chunks/utils-BvGDcicX.js";
-const R = "caption__bd0189e3", E = "regular__56c52550", u = "semibold__f508e844", x = "c1__752bfa33", S = "c2__a131b765", h = "d1__1d4570a5", o = {
+import { t as s, m as b } from "../../chunks/utils-DKyrkqb2.js";
+const R = "caption__2bd49642", E = "regular__1b3aa33d", u = "semibold__fab7a2e3", x = "c1__ae96443d", S = "c2__1f511bdc", h = "d1__5f8e57d0", o = {
   caption: R,
   regular: E,
   semibold: u,
@@ -17,7 +17,7 @@ const R = "caption__bd0189e3", E = "regular__56c52550", u = "semibold__f508e844"
   [c.C1]: o.c1,
   [c.C2]: o.c2,
   [c.D1]: o.d1
-}, L = f(
+}, L = g(
   ({
     children: n,
     className: p,
@@ -42,7 +42,7 @@ const R = "caption__bd0189e3", E = "regular__56c52550", u = "semibold__f508e844"
       },
       p
     );
-    return /* @__PURE__ */ g(i, { ref: C, className: _, ...d, children: n });
+    return /* @__PURE__ */ f(i, { ref: C, className: _, ...d, children: n });
   }
 );
 L.displayName = "Caption";

package/components/Typography/Text.js

@@ -1,9 +1,9 @@
 import { jsx as y } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { c as C } from "../../chunks/vendor-D3hUOusX.js";
-import { ETextSize as e, EFontWeightText as r, ELineType as c, EFontType as R } from "./enums.js";
-import { t, m as d } from "../../chunks/utils-BvGDcicX.js";
-const E = "text__a89e077e", L = "regular__56c52550", A = "semibold__f508e844", u = "b1__278cf6e2", B = "b2__ee516a63", M = "b3__bc912bd6", S = "b4__018f2fd6", s = {
+import { forwardRef as d } from "react";
+import { c as g } from "../../chunks/vendor-ClY57Zzq.js";
+import { ETextSize as e, EFontWeightText as r, ELineType as c, EFontType as C } from "./enums.js";
+import { t, m as R } from "../../chunks/utils-DKyrkqb2.js";
+const E = "text__e5fa7eee", L = "regular__1b3aa33d", A = "semibold__fab7a2e3", u = "b1__265c3165", B = "b2__cf6a0ded", M = "b3__894280c7", S = "b4__6fd1918f", s = {
   text: E,
   regular: L,
   semibold: A,
@@ -22,24 +22,24 @@ const E = "text__a89e077e", L = "regular__56c52550", A = "semibold__f508e844", u
 }, N = {
   [c.NORMAL]: "",
   [c.COMPACT]: t.compact
-}, O = g(
+}, O = d(
   ({
     children: b,
     className: m,
     size: n,
     tag: p = "span",
-    type: l = R.PRIMARY,
+    type: l = C.PRIMARY,
     weight: T = r.REGULAR,
     line: i = c.NORMAL,
     underline: o,
     strikethrough: a,
     ...x
   }, _) => {
-    const f = C(
+    const f = g(
       t.typography,
       s.text,
       h[n],
-      d[l],
+      R[l],
       F[T],
       N[i],
       {

package/components/Typography/Title.js

@@ -1,9 +1,9 @@
-import { jsx as T } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { c as g } from "../../chunks/vendor-D3hUOusX.js";
-import { ETitleSize as m, EFontWeightTitle as o, EFontType as b } from "./enums.js";
-import { t as s, m as u } from "../../chunks/utils-BvGDcicX.js";
-const y = "title__5dd7f46a", E = "regular__56c52550", C = "semibold__f508e844", S = "medium__7c4aee3e", M = "bold__113ec4d6", R = "h1__6bac83f8", D = "h2__6c5288f1", F = "h3__ecf97d89", t = {
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { c as f } from "../../chunks/vendor-ClY57Zzq.js";
+import { ETitleSize as a, EFontWeightTitle as o, EFontType as g } from "./enums.js";
+import { t as s, m as u } from "../../chunks/utils-DKyrkqb2.js";
+const y = "title__d2c45ed1", E = "regular__1b3aa33d", C = "semibold__fab7a2e3", S = "medium__6d07ea4b", M = "bold__9b32141a", R = "h1__16e154cd", D = "h2__daf50835", F = "h3__7776bf0f", t = {
   title: y,
   regular: E,
   semibold: C,
@@ -13,32 +13,32 @@ const y = "title__5dd7f46a", E = "regular__56c52550", C = "semibold__f508e844",
   h2: D,
   h3: F
 }, I = {
-  [m.H1]: t.h1,
-  [m.H2]: t.h2,
-  [m.H3]: t.h3
+  [a.H1]: t.h1,
+  [a.H2]: t.h2,
+  [a.H3]: t.h3
 }, L = {
   [o.MEDIUM]: t.medium,
   [o.REGULAR]: t.regular,
   [o.SEMIBOLD]: t.semibold,
   [o.BOLD]: t.bold
-}, x = f(
+}, x = T(
   ({
-    children: a,
+    children: i,
     className: r,
-    size: i,
-    tag: c = `${i}`,
-    type: n = b.PRIMARY,
-    weight: d = o.SEMIBOLD,
+    size: m,
+    tag: c = `${m}`,
+    type: d = g.PRIMARY,
+    weight: n = o.SEMIBOLD,
     underline: e,
     strikethrough: l,
     ...h
   }, p) => {
-    const _ = g(
+    const _ = f(
       s.typography,
       t.title,
-      I[i],
-      u[n],
-      L[d],
+      I[m],
+      u[d],
+      L[n],
       {
         [s.strikethrough]: !!l && !e,
         [s.underline]: !!e && !l,
@@ -46,7 +46,7 @@ const y = "title__5dd7f46a", E = "regular__56c52550", C = "semibold__f508e844",
       },
       r
     );
-    return /* @__PURE__ */ T(c, { ref: p, className: _, ...h, children: a });
+    return /* @__PURE__ */ b(c, { ref: p, className: _, ...h, children: i });
   }
 );
 x.displayName = "Title";

package/components/Typography/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m as p } from "../../chunks/utils-BvGDcicX.js";
+import { m as p } from "../../chunks/utils-DKyrkqb2.js";
 export {
   p as mapFontTypeToCssClass
 };

package/components/UnorderedList/UnorderedList.js

@@ -1,16 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
-import { c as d } from "../../chunks/vendor-D3hUOusX.js";
+import { c as d } from "../../chunks/vendor-ClY57Zzq.js";
 import { UnorderedListItem as i } from "./UnorderedListItem.js";
-const m = "unorderedList__78664f19", a = {
-  unorderedList: m
+const a = "unorderedList__93f16a10", m = {
+  unorderedList: a
 }, n = Object.assign(
   s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
     "ul",
     {
-      className: d(a.unorderedList, r),
+      className: d(m.unorderedList, r),
       ...e,
-      "data-tx": "1.9.0",
+      "data-tx": "1.11.0",
       ref: t
     }
   )),

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-D3hUOusX.js";
+import { c as s } from "../../chunks/vendor-ClY57Zzq.js";
 import "../Typography/Title.js";
-import { Text as i } from "../Typography/Text.js";
+import { Text as d } from "../Typography/Text.js";
 import "../Typography/Caption.js";
-import { ETextSize as d } from "../Typography/enums.js";
-const a = "unorderedListItem__e692aa19", n = {
+import { ETextSize as i } from "../Typography/enums.js";
+const a = "unorderedListItem__a25d4b66", n = {
   unorderedListItem: a
 }, p = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
-    i,
+    d,
     {
       className: s(n.unorderedListItem, t),
-      size: d.B3,
+      size: i.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.9.0",
+      "data-tx": "1.11.0",
       ref: r
     }
   )

package/components/UploadZone/UploadZone.js

@@ -1,112 +1,124 @@
-var m = Object.defineProperty;
-var u = (s, n, e) => n in s ? m(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e;
-var t = (s, n, e) => u(s, typeof n != "symbol" ? n + "" : n, e);
-import { jsx as g, jsxs as f } from "react/jsx-runtime";
-import Z, { createElement as l } from "react";
-import { createRoot as C } from "react-dom/client";
-import { c as h } from "../../chunks/vendor-D3hUOusX.js";
-import { U as L, s as d } from "../../chunks/UploadZoneInput-D8diOBuf.js";
-import { UploadZoneContext as U } from "./UploadZoneContext.js";
-class c extends Z.PureComponent {
-  constructor() {
-    super(...arguments);
-    // Описание - https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element.
-    // Если counter > 0 - означает, что перетаскиваемый объект в пределах окна браузера.
-    /** Каунтер для подсчёта drag-перемещений по странице. */
-    t(this, "counter", 0);
-    /** Элемент-обёртка для дроп-зоны. */
-    t(this, "dropZoneWrapperDiv", null);
-    t(this, "state", {
-      hoverOnDrag: !1,
-      inputNode: void 0
-    });
-    t(this, "addListeners", (e) => {
-      e && (e.addEventListener("dragenter", this.handleDragEnter), e.addEventListener("dragleave", this.handleDragLeave));
-    });
-    t(this, "removeListeners", (e) => {
-      e && (e.removeEventListener("dragenter", this.handleDragEnter), e.removeEventListener("dragleave", this.handleDragLeave));
-    });
-    t(this, "createDropZoneDiv", () => {
-      const { children: e, className: r, onChange: o, renderContainerContent: a, dropZoneContainer: D, ...p } = this.props, i = document.createElement("div");
-      return C(i).render(
-        /* @__PURE__ */ l(
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as I, useState as L, useRef as z, useCallback as o, createElement as C, useEffect as M } from "react";
+import { createRoot as O } from "react-dom/client";
+import { c as R } from "../../chunks/vendor-ClY57Zzq.js";
+import { s as n, U as j } from "../../chunks/UploadZoneInput-BYGZcWC8.js";
+import { UploadZoneContext as w } from "./UploadZoneContext.js";
+import { MobileView as P } from "../MobileView/MobileView.js";
+import { Button as V } from "../Button/Button.js";
+import "../Button/ButtonBase.js";
+import "../Button/ButtonIcon.js";
+import "../Button/ButtonDropdown.js";
+import "../Button/ButtonDropdownExtended.js";
+import { EButtonTheme as W } from "../Button/enums.js";
+import { EComponentSize as Y } from "../../enums/EComponentSize.js";
+import "../Typography/Title.js";
+import { Text as q } from "../Typography/Text.js";
+import "../Typography/Caption.js";
+import { ETextSize as F } from "../Typography/enums.js";
+import { HelpBox as G } from "../HelpBox/HelpBox.js";
+import "../Tooltip/Tooltip.js";
+import { ETooltipSize as J } from "../Tooltip/enums.js";
+const K = Object.assign(
+  I((H, E) => {
+    const {
+      dropZoneContainer: r,
+      children: Z,
+      className: f,
+      onChange: v,
+      renderContainerContent: i,
+      onDrop: l,
+      onDragOver: s,
+      ...h
+    } = H, [x, D] = L(!1), [c, T] = L(void 0), a = z(0), p = z(null), d = o(() => {
+      a.current += 1, a.current === 1 && D(!0);
+    }, []), m = o(() => {
+      a.current -= 1, a.current === 0 && D(!1);
+    }, []), k = o(
+      (e) => {
+        e && (e.addEventListener("dragenter", d), e.addEventListener("dragleave", m));
+      },
+      [d, m]
+    ), b = o(
+      (e) => {
+        e && (e.removeEventListener("dragenter", d), e.removeEventListener("dragleave", m));
+      },
+      [d, m]
+    ), N = o(
+      (e) => {
+        e.preventDefault(), s == null || s(e);
+      },
+      [s]
+    ), S = o(
+      (e) => {
+        e.preventDefault(), l == null || l(e), v(e.dataTransfer.files, e), D(!1), a.current = 0;
+      },
+      [v, l]
+    ), U = o(() => {
+      const e = document.createElement("div");
+      return O(e).render(
+        /* @__PURE__ */ C(
           "div",
           {
-            className: h(d.uploadZoneContainerDragArea, r),
-            onDragOver: this.handlePreventDefault,
-            onDrop: this.fileDrop,
-            ...p,
+            className: R(n.uploadZoneContainerDragArea, f),
+            onDragOver: N,
+            onDrop: S,
+            ...h,
             key: "uploadZoneDragArea",
             role: "none"
           },
-          a == null ? void 0 : a()
+          i == null ? void 0 : i()
         )
-      ), i;
-    });
-    t(this, "handleAreaClick", (e) => {
-      e.stopPropagation(), this.openUploadDialog();
-    });
-    t(this, "openUploadDialog", () => {
-      const { inputNode: e } = this.state;
-      e == null || e.click();
-    });
-    t(this, "handlePreventDefault", (e) => {
-      const { onDragOver: r } = this.props;
-      e.preventDefault(), r == null || r(e);
-    });
-    t(this, "handleDragEnter", () => {
-      this.counter++, this.counter === 1 && this.setState({ hoverOnDrag: !0 });
-    });
-    t(this, "handleDragLeave", () => {
-      this.counter--, this.counter === 0 && this.setState({ hoverOnDrag: !1 });
-    });
-    t(this, "fileDrop", (e) => {
-      const { onDrop: r, onChange: o } = this.props;
-      e.preventDefault(), r == null || r(e), o(e.dataTransfer.files, e), this.setState({ hoverOnDrag: !1 }), this.counter = 0;
-    });
-  }
-  componentDidMount() {
-    this.addListeners(this.props.dropZoneContainer);
-  }
-  componentDidUpdate(e, r) {
-    const { dropZoneContainer: o } = this.props, { hoverOnDrag: a } = this.state;
-    o !== e.dropZoneContainer && (this.removeListeners(e.dropZoneContainer), this.addListeners(o)), a !== r.hoverOnDrag && o && (a ? (this.dropZoneWrapperDiv = this.createDropZoneDiv(), o.appendChild(this.dropZoneWrapperDiv)) : this.dropZoneWrapperDiv && o.removeChild(this.dropZoneWrapperDiv));
-  }
-  componentWillUnmount() {
-    this.removeListeners(this.props.dropZoneContainer);
-  }
-  render() {
-    const { children: e, className: r, onChange: o, renderContainerContent: a, dropZoneContainer: D, ...p } = this.props, { inputNode: i } = this.state;
-    return /* @__PURE__ */ g(
-      U.Provider,
+      ), e;
+    }, [f, N, S, i, h]);
+    M(() => (k(r), () => {
+      b(r);
+    }), [r, k, b]), M(() => {
+      r && (x ? (p.current = U(), r.appendChild(p.current)) : p.current && r.removeChild(p.current));
+    }, [x, r, U]);
+    const u = () => {
+      c == null || c.click();
+    }, A = (e) => {
+      e.stopPropagation(), u();
+    }, y = () => /* @__PURE__ */ g("div", { className: n.uploadZoneDesktop, "data-tx": "1.11.0", ref: E, children: [
+      /* @__PURE__ */ C(
+        "div",
+        {
+          className: R(n.uploadZoneDragArea, f),
+          onClick: A,
+          ...h,
+          key: "uploadZoneDragArea",
+          role: "none"
+        }
+      ),
+      Z({ openUploadDialog: u })
+    ] }), B = () => /* @__PURE__ */ g("div", { className: n.uploadZoneMobile, "data-tx": "1.11.0", ref: E, children: [
+      /* @__PURE__ */ g("div", { className: n.uploadZoneMobileHeader, children: [
+        /* @__PURE__ */ t(q, { size: F.B3, children: "Файлы для импорта" }),
+        /* @__PURE__ */ t(G, { tooltipSize: J.SM, children: "Helpbox text" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: n.uploadZoneInput, children: Z({ openUploadDialog: u }) }),
+      /* @__PURE__ */ t(V, { theme: W.SECONDARY, size: Y.SM, onClick: A, children: "Загрузить" })
+    ] });
+    return /* @__PURE__ */ t(
+      w.Provider,
       {
         value: {
-          inputNode: i,
-          onChange: o,
-          openUploadDialog: this.openUploadDialog,
-          setInputNode: (v) => {
-            this.setState({ inputNode: v });
-          }
+          inputNode: c,
+          onChange: v,
+          openUploadDialog: u,
+          setInputNode: T
         },
-        children: /* @__PURE__ */ f("div", { className: d.uploadZone, "data-tx": "1.9.0", children: [
-          /* @__PURE__ */ l(
-            "div",
-            {
-              className: h(d.uploadZoneDragArea, r),
-              onClick: this.handleAreaClick,
-              ...p,
-              key: "uploadZoneDragArea",
-              role: "none"
-            }
-          ),
-          e({ openUploadDialog: this.openUploadDialog })
-        ] })
+        children: /* @__PURE__ */ t(P, { fallback: y(), children: B() })
       }
     );
+  }),
+  {
+    Input: j
   }
-}
-t(c, "displayName", "UploadZone"), t(c, "Input", L);
+);
+K.displayName = "UploadZone";
 export {
-  c as UploadZone
+  K as UploadZone
 };
 //# sourceMappingURL=UploadZone.js.map

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,7 @@
 import "react";
 import "../UploadZoneContext.js";
-import "../../../chunks/vendor-D3hUOusX.js";
-import { U as i } from "../../../chunks/UploadZoneInput-D8diOBuf.js";
+import "../../../chunks/vendor-ClY57Zzq.js";
+import { U as i } from "../../../chunks/UploadZoneInput-BYGZcWC8.js";
 export {
   i as UploadZoneInput
 };

package/components/WindowResizeListener/WindowResizeListener.js

@@ -1,5 +1,5 @@
 import { useEffect as t } from "react";
-import { t as o } from "../../chunks/vendor-D3hUOusX.js";
+import { t as o } from "../../chunks/vendor-ClY57Zzq.js";
 const d = ({
   children: s,
   onResize: r,