@sberbusiness/triplex-next 1.17.0 → 1.19.0

package/components/UploadZone/UploadZone.js

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

package/components/UploadZone/components/UploadZoneInput.js

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