@sberbusiness/triplex-next 1.12.0 → 1.13.0

package/components/UploadZone/UploadZone.js

@@ -1,124 +1,102 @@
-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 { 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-CwhnMZ7o.js";
-import { s as n, U as j } from "../../chunks/UploadZoneInput-BERiqnOn.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) => {
+import { s as D, U as S } from "../../chunks/UploadZoneInput-scXVyf90.js";
+import { UploadZoneContext as T } from "./UploadZoneContext.js";
+const W = Object.assign(
+  w((y, b) => {
     const {
       dropZoneContainer: r,
-      children: Z,
-      className: f,
-      onChange: v,
-      renderContainerContent: i,
-      onDrop: l,
+      children: j,
+      className: u,
+      onChange: p,
+      renderContainerContent: a,
+      onDrop: o,
       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(
+      ...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(
       (e) => {
-        e && (e.addEventListener("dragenter", d), e.addEventListener("dragleave", m));
+        e && (e.addEventListener("dragenter", d), e.addEventListener("dragleave", i));
       },
-      [d, m]
-    ), b = o(
+      [d, i]
+    ), E = t(
       (e) => {
-        e && (e.removeEventListener("dragenter", d), e.removeEventListener("dragleave", m));
+        e && (e.removeEventListener("dragenter", d), e.removeEventListener("dragleave", i));
       },
-      [d, m]
-    ), N = o(
+      [d, i]
+    ), Z = t(
       (e) => {
         e.preventDefault(), s == null || s(e);
       },
       [s]
-    ), S = o(
+    ), L = t(
       (e) => {
-        e.preventDefault(), l == null || l(e), v(e.dataTransfer.files, e), D(!1), a.current = 0;
+        e.preventDefault(), o == null || o(e), p(e.dataTransfer.files, e), v(!1), n.current = 0;
       },
-      [v, l]
-    ), U = o(() => {
+      [p, o]
+    ), k = t(() => {
       const e = document.createElement("div");
-      return O(e).render(
-        /* @__PURE__ */ C(
+      return H(e).render(
+        /* @__PURE__ */ U(
           "div",
           {
-            className: R(n.uploadZoneContainerDragArea, f),
-            onDragOver: N,
-            onDrop: S,
-            ...h,
+            className: R(D.uploadZoneContainerDragArea, u),
+            onDragOver: Z,
+            onDrop: L,
+            ...f,
             key: "uploadZoneDragArea",
             role: "none"
           },
-          i == null ? void 0 : i()
+          a == null ? void 0 : a()
         )
       ), 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.12.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.12.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,
+    }, [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();
+    };
+    return /* @__PURE__ */ O(
+      T.Provider,
       {
         value: {
-          inputNode: c,
-          onChange: v,
-          openUploadDialog: u,
-          setInputNode: T
+          inputNode: l,
+          onChange: p,
+          openUploadDialog: m,
+          setInputNode: C
         },
-        children: /* @__PURE__ */ t(P, { fallback: y(), children: B() })
+        children: /* @__PURE__ */ P("div", { className: D.uploadZone, "data-tx": "1.13.0", ref: b, children: [
+          /* @__PURE__ */ U(
+            "div",
+            {
+              className: R(D.uploadZoneDragArea, u),
+              onClick: I,
+              ...f,
+              key: "uploadZoneDragArea",
+              role: "none"
+            }
+          ),
+          j({ openUploadDialog: m })
+        ] })
       }
     );
   }),
   {
-    Input: j
+    Input: S
   }
 );
-K.displayName = "UploadZone";
+W.displayName = "UploadZone";
 export {
-  K as UploadZone
+  W as UploadZone
 };
 //# sourceMappingURL=UploadZone.js.map

package/components/UploadZone/components/UploadZoneInput.js

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