@sberbusiness/triplex-next 0.10.0 → 0.11.0

package/components/Typography/Text.js

@@ -1,9 +1,9 @@
-import { jsx as g } from "react/jsx-runtime";
-import C from "react";
-import { c as R } from "../../chunks/vendor-BlJo2ILB.js";
-import { ETextSize as e, EFontWeightText as c, ELineType as r, EFontType as d } from "./enums.js";
-import { t as s, m as f } from "../../chunks/utils-CxR_OPBn.js";
-const E = "text__e8832d9c", L = "regular__9286e244", A = "semibold__56dcc4a0", u = "b1__7888a9da", B = "b2__3996fe0c", M = "b3__a693f7c1", S = "b4__15a1bab7", t = {
+import { jsx as d } from "react/jsx-runtime";
+import g from "react";
+import { c as C } from "../../chunks/vendor-BlJo2ILB.js";
+import { ETextSize as o, EFontWeightText as r, ELineType as b, EFontType as R } from "./enums.js";
+import { t as s, m as f } from "../../chunks/utils-JjvCkK44.js";
+const E = "text__0457096d", L = "regular__b03a01fb", A = "semibold__8ad641c6", u = "b1__5c50112b", B = "b2__d230598b", M = "b3__c9a2014d", S = "b4__52215e03", t = {
   text: E,
   regular: L,
   semibold: A,
@@ -12,30 +12,30 @@ const E = "text__e8832d9c", L = "regular__9286e244", A = "semibold__56dcc4a0", u
   b3: M,
   b4: S
 }, h = {
-  [e.B1]: t.b1,
-  [e.B2]: t.b2,
-  [e.B3]: t.b3,
-  [e.B4]: t.b4
+  [o.B1]: t.b1,
+  [o.B2]: t.b2,
+  [o.B3]: t.b3,
+  [o.B4]: t.b4
 }, F = {
-  [c.REGULAR]: t.regular,
-  [c.SEMIBOLD]: t.semibold
+  [r.REGULAR]: t.regular,
+  [r.SEMIBOLD]: t.semibold
 }, N = {
-  [r.NORMAL]: "",
-  [r.COMPACT]: s.compact
-}, O = C.forwardRef(
+  [b.NORMAL]: "",
+  [b.COMPACT]: s.compact
+}, O = g.forwardRef(
   ({
-    children: b,
+    children: c,
     className: m,
     size: n,
     tag: p,
-    type: l = d.PRIMARY,
-    weight: T = c.REGULAR,
-    line: i = r.NORMAL,
-    underline: o,
+    type: l = R.PRIMARY,
+    weight: T = r.REGULAR,
+    line: i = b.NORMAL,
+    underline: e,
     strikethrough: a,
     ...x
   }, _) => {
-    const y = R(
+    const y = C(
       s.typography,
       t.text,
       h[n],
@@ -43,13 +43,13 @@ const E = "text__e8832d9c", L = "regular__9286e244", A = "semibold__56dcc4a0", u
       F[T],
       N[i],
       {
-        [s.strikethrough]: !!a && !o,
-        [s.underline]: !!o && !a,
-        [s.underlineStrikethrough]: !!a && !!o
+        [s.strikethrough]: !!a && !e,
+        [s.underline]: !!e && !a,
+        [s.underlineStrikethrough]: !!a && !!e
       },
       m
     );
-    return /* @__PURE__ */ g(p || "span", { ref: _, className: y, ...x, children: b });
+    return /* @__PURE__ */ d(p || "span", { ref: _, className: y, ...x, children: c });
   }
 );
 O.displayName = "Text";

package/components/Typography/Title.js

@@ -2,8 +2,8 @@ import { jsx as T } from "react/jsx-runtime";
 import b from "react";
 import { c as f } from "../../chunks/vendor-BlJo2ILB.js";
 import { ETitleSize as a, EFontWeightTitle as o, EFontType as g } from "./enums.js";
-import { t as s, m as u } from "../../chunks/utils-CxR_OPBn.js";
-const y = "title__ebfdc8ad", E = "regular__9286e244", C = "semibold__56dcc4a0", R = "medium__5081fb72", S = "bold__e85c16f8", M = "h1__85dbed00", D = "h2__21aa12d8", F = "h3__368d395e", t = {
+import { t as s, m as u } from "../../chunks/utils-JjvCkK44.js";
+const y = "title__4e8a1b98", E = "regular__b03a01fb", C = "semibold__8ad641c6", R = "medium__7271320a", S = "bold__095f4550", M = "h1__2cfde0b3", D = "h2__a0919449", F = "h3__64251c36", t = {
   title: y,
   regular: E,
   semibold: C,
@@ -27,18 +27,18 @@ const y = "title__ebfdc8ad", E = "regular__9286e244", C = "semibold__56dcc4a0",
     className: m,
     size: r,
     tag: c,
-    type: d = g.PRIMARY,
-    weight: n = o.SEMIBOLD,
+    type: n = g.PRIMARY,
+    weight: h = o.SEMIBOLD,
     underline: e,
     strikethrough: l,
-    ...h
+    ...d
   }, p) => {
     const _ = f(
       s.typography,
       t.title,
       I[r],
-      u[d],
-      L[n],
+      u[n],
+      L[h],
       {
         [s.strikethrough]: !!l && !e,
         [s.underline]: !!e && !l,
@@ -46,7 +46,7 @@ const y = "title__ebfdc8ad", E = "regular__9286e244", C = "semibold__56dcc4a0",
       },
       m
     );
-    return /* @__PURE__ */ T(c || "h1", { ref: p, className: _, ...h, children: i });
+    return /* @__PURE__ */ T(c || "h1", { ref: p, className: _, ...d, children: i });
   }
 );
 x.displayName = "Title";

package/components/Typography/utils.js

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

package/components/UnorderedList/UnorderedList.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { c as d } from "../../chunks/vendor-BlJo2ILB.js";
 import { UnorderedListItem as i } from "./UnorderedListItem.js";
-const m = "unorderedList__1be20674", n = {
+const m = "unorderedList__c793e258", n = {
   unorderedList: m
 }, a = Object.assign(
   s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
@@ -10,7 +10,7 @@ const m = "unorderedList__1be20674", n = {
     {
       className: d(n.unorderedList, r),
       ...e,
-      "data-tx": "0.10.0",
+      "data-tx": "0.11.0",
       ref: t
     }
   )),

package/components/UnorderedList/UnorderedListItem.js

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

package/components/UploadZone/UploadZone.js

@@ -1,113 +1,125 @@
-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 C from "react-dom";
-import { c as h } from "../../chunks/vendor-BlJo2ILB.js";
-import { U as L, s as d } from "../../chunks/UploadZoneInput-CQ9bTi-y.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.render(
-        /* @__PURE__ */ l(
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as B, useState as L, useRef as M, useCallback as o, createElement as z, useEffect as C } from "react";
+import I from "react-dom";
+import { c as R } from "../../chunks/vendor-BlJo2ILB.js";
+import { s as n, U as j } from "../../chunks/UploadZoneInput-D41J-S68.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(
+  B((H, E) => {
+    const {
+      dropZoneContainer: r,
+      children: Z,
+      className: f,
+      onChange: v,
+      renderContainerContent: i,
+      onDrop: l,
+      onDragOver: s,
+      ...D
+    } = H, [x, h] = L(!1), [c, O] = L(void 0), a = M(0), p = M(null), d = o(() => {
+      a.current += 1, a.current === 1 && h(!0);
+    }, []), m = o(() => {
+      a.current -= 1, a.current === 0 && h(!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), h(!1), a.current = 0;
+      },
+      [v, l]
+    ), U = o(() => {
+      const e = document.createElement("div");
+      return I.render(
+        /* @__PURE__ */ z(
           "div",
           {
-            className: h(d.uploadZoneContainerDragArea, r),
-            onDragOver: this.handlePreventDefault,
-            onDrop: this.fileDrop,
-            ...p,
+            className: R(n.uploadZoneContainerDragArea, f),
+            onDragOver: N,
+            onDrop: S,
+            ...D,
             key: "uploadZoneDragArea",
             role: "none"
           },
-          a == null ? void 0 : a()
+          i == null ? void 0 : i()
         ),
-        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
+      ), e;
+    }, [f, N, S, i, D]);
+    C(() => (k(r), () => {
+      b(r);
+    }), [r, k, b]), C(() => {
+      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();
+    }, T = () => /* @__PURE__ */ g("div", { className: n.uploadZoneDesktop, "data-tx": "0.11.0", ref: E, children: [
+      /* @__PURE__ */ z(
+        "div",
+        {
+          className: R(n.uploadZoneDragArea, f),
+          onClick: A,
+          ...D,
+          key: "uploadZoneDragArea",
+          role: "none"
+        }
+      ),
+      Z({ openUploadDialog: u })
+    ] }), y = () => /* @__PURE__ */ g("div", { className: n.uploadZoneMobile, "data-tx": "0.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: O
         },
-        children: /* @__PURE__ */ f("div", { className: d.uploadZone, "data-tx": "0.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: T(), children: y() })
       }
     );
+  }),
+  {
+    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-BlJo2ILB.js";
-import { U as i } from "../../../chunks/UploadZoneInput-CQ9bTi-y.js";
+import { U as i } from "../../../chunks/UploadZoneInput-D41J-S68.js";
 export {
   i as UploadZoneInput
 };