@sberbusiness/triplex-next 1.10.0 → 1.11.0

package/components/Typography/Caption.js

@@ -1,39 +1,39 @@
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
+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 n, ECaptionSize as c, EFontType as T } from "./enums.js";
-import { t as s, m as R } from "../../chunks/utils-BhoCc4rI.js";
-const b = "caption__a2c839b7", E = "regular__a1868521", u = "semibold__40191a67", x = "c1__0b89613a", S = "c2__5af34e25", h = "d1__977f75a2", o = {
-  caption: b,
+import { EFontWeightText as e, ECaptionSize as c, EFontType as T } from "./enums.js";
+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,
   c1: x,
   c2: S,
   d1: h
 }, F = {
-  [n.REGULAR]: o.regular,
-  [n.SEMIBOLD]: o.semibold
+  [e.REGULAR]: o.regular,
+  [e.SEMIBOLD]: o.semibold
 }, A = {
   [c.C1]: o.c1,
   [c.C2]: o.c2,
   [c.D1]: o.d1
-}, L = f(
+}, L = g(
   ({
-    children: e,
+    children: n,
     className: p,
     size: r,
     tag: i = "span",
     type: m = T.PRIMARY,
-    weight: l = n.REGULAR,
+    weight: l = e.REGULAR,
     underline: t,
     strikethrough: a,
-    ...C
-  }, _) => {
-    const d = y(
+    ...d
+  }, C) => {
+    const _ = y(
       s.typography,
       o.caption,
       A[r],
-      R[m],
+      b[m],
       F[l],
       {
         [s.strikethrough]: !!a && !t,
@@ -42,7 +42,7 @@ const b = "caption__a2c839b7", E = "regular__a1868521", u = "semibold__40191a67"
       },
       p
     );
-    return /* @__PURE__ */ g(i, { ref: _, className: d, ...C, children: e });
+    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 d } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
 import { c as g } from "../../chunks/vendor-ClY57Zzq.js";
-import { ETextSize as o, EFontWeightText as b, ELineType as r, EFontType as C } from "./enums.js";
-import { t, m as R } from "../../chunks/utils-BhoCc4rI.js";
-const E = "text__fd33fbbf", L = "regular__a1868521", A = "semibold__40191a67", u = "b1__e2ecbab8", B = "b2__cdd090bd", M = "b3__96b10991", S = "b4__1bbc933c", s = {
+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,
@@ -12,30 +12,30 @@ const E = "text__fd33fbbf", L = "regular__a1868521", A = "semibold__40191a67", u
   b3: M,
   b4: S
 }, h = {
-  [o.B1]: s.b1,
-  [o.B2]: s.b2,
-  [o.B3]: s.b3,
-  [o.B4]: s.b4
+  [e.B1]: s.b1,
+  [e.B2]: s.b2,
+  [e.B3]: s.b3,
+  [e.B4]: s.b4
 }, F = {
-  [b.REGULAR]: s.regular,
-  [b.SEMIBOLD]: s.semibold
+  [r.REGULAR]: s.regular,
+  [r.SEMIBOLD]: s.semibold
 }, N = {
-  [r.NORMAL]: "",
-  [r.COMPACT]: t.compact
-}, O = f(
+  [c.NORMAL]: "",
+  [c.COMPACT]: t.compact
+}, O = d(
   ({
-    children: c,
+    children: b,
     className: m,
     size: n,
     tag: p = "span",
     type: l = C.PRIMARY,
-    weight: T = b.REGULAR,
-    line: i = r.NORMAL,
-    underline: e,
+    weight: T = r.REGULAR,
+    line: i = c.NORMAL,
+    underline: o,
     strikethrough: a,
     ...x
   }, _) => {
-    const y = g(
+    const f = g(
       t.typography,
       s.text,
       h[n],
@@ -43,13 +43,13 @@ const E = "text__fd33fbbf", L = "regular__a1868521", A = "semibold__40191a67", u
       F[T],
       N[i],
       {
-        [t.strikethrough]: !!a && !e,
-        [t.underline]: !!e && !a,
-        [t.underlineStrikethrough]: !!a && !!e
+        [t.strikethrough]: !!a && !o,
+        [t.underline]: !!o && !a,
+        [t.underlineStrikethrough]: !!a && !!o
       },
       m
     );
-    return /* @__PURE__ */ d(p, { ref: _, className: y, ...x, children: c });
+    return /* @__PURE__ */ y(p, { ref: _, className: f, ...x, children: b });
   }
 );
 O.displayName = "Text";

package/components/Typography/Title.js

@@ -1,9 +1,9 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as b } from "react/jsx-runtime";
 import { forwardRef as T } from "react";
-import { c as g } from "../../chunks/vendor-ClY57Zzq.js";
-import { ETitleSize as m, EFontWeightTitle as o, EFontType as f } from "./enums.js";
-import { t as s, m as u } from "../../chunks/utils-BhoCc4rI.js";
-const y = "title__43af3bbc", E = "regular__a1868521", C = "semibold__40191a67", S = "medium__7ec82560", M = "bold__3295ce98", R = "h1__016096bc", D = "h2__e6b8d29a", F = "h3__bbb9635f", t = {
+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,9 +13,9 @@ const y = "title__43af3bbc", E = "regular__a1868521", C = "semibold__40191a67",
   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,
@@ -25,20 +25,20 @@ const y = "title__43af3bbc", E = "regular__a1868521", C = "semibold__40191a67",
   ({
     children: i,
     className: r,
-    size: a,
-    tag: c = `${a}`,
-    type: n = f.PRIMARY,
-    weight: h = o.SEMIBOLD,
+    size: m,
+    tag: c = `${m}`,
+    type: d = g.PRIMARY,
+    weight: n = o.SEMIBOLD,
     underline: e,
     strikethrough: l,
-    ...p
-  }, _) => {
-    const b = g(
+    ...h
+  }, p) => {
+    const _ = f(
       s.typography,
       t.title,
-      I[a],
-      u[n],
-      L[h],
+      I[m],
+      u[d],
+      L[n],
       {
         [s.strikethrough]: !!l && !e,
         [s.underline]: !!e && !l,
@@ -46,7 +46,7 @@ const y = "title__43af3bbc", E = "regular__a1868521", C = "semibold__40191a67",
       },
       r
     );
-    return /* @__PURE__ */ d(c, { ref: _, className: b, ...p, children: i });
+    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-BhoCc4rI.js";
+import { m as p } from "../../chunks/utils-DKyrkqb2.js";
 export {
   p as mapFontTypeToCssClass
 };

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-ClY57Zzq.js";
 import { UnorderedListItem as i } from "./UnorderedListItem.js";
-const m = "unorderedList__b87d7628", 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.10.0",
+      "data-tx": "1.11.0",
       ref: t
     }
   )),

package/components/UnorderedList/UnorderedListItem.js

@@ -1,27 +1,27 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as d } from "../../chunks/vendor-ClY57Zzq.js";
+import { c as s } from "../../chunks/vendor-ClY57Zzq.js";
 import "../Typography/Title.js";
-import { Text as s } from "../Typography/Text.js";
+import { Text as d } from "../Typography/Text.js";
 import "../Typography/Caption.js";
 import { ETextSize as i } from "../Typography/enums.js";
-const a = "unorderedListItem__a6ccd6df", c = {
+const a = "unorderedListItem__a25d4b66", n = {
   unorderedListItem: a
-}, f = m.forwardRef(
+}, p = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
-    s,
+    d,
     {
-      className: d(c.unorderedListItem, t),
+      className: s(n.unorderedListItem, t),
       size: i.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.10.0",
+      "data-tx": "1.11.0",
       ref: r
     }
   )
 );
-f.displayName = "UnorderedListItem";
+p.displayName = "UnorderedListItem";
 export {
-  f as UnorderedListItem
+  p as UnorderedListItem
 };
 //# sourceMappingURL=UnorderedListItem.js.map

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-ClY57Zzq.js";
-import { U as L, s as d } from "../../chunks/UploadZoneInput-C2_0grVp.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.10.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-ClY57Zzq.js";
-import { U as i } from "../../../chunks/UploadZoneInput-C2_0grVp.js";
+import { U as i } from "../../../chunks/UploadZoneInput-BYGZcWC8.js";
 export {
   i as UploadZoneInput
 };