@sberbusiness/triplex-next 0.1.9 → 1.1.0

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,143 +1,8 @@
-var m = Object.defineProperty;
-var f = (s, r, e) => r in s ? m(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var o = (s, r, e) => f(s, typeof r != "symbol" ? r + "" : r, e);
-import { jsx as C, jsxs as A } from "react/jsx-runtime";
-import c, { createElement as d } from "react";
-import { createRoot as L } from "react-dom/client";
-import { c as h } from "../../../chunks/vendor-CF2m175I.js";
-const U = "uploadZone__47c77f0f", N = "uploadZoneDragArea__fadac83d", x = "uploadZoneContainerDragArea__f27046be", _ = "uploadZoneInput__d897b7cb", p = {
-  uploadZone: U,
-  uploadZoneDragArea: N,
-  uploadZoneContainerDragArea: x,
-  uploadZoneInput: _
-}, D = ({ className: s, ...r }) => {
-  const e = c.useContext(g), t = (a) => {
-    e.onChange(a.target.files, a);
-  }, n = (a) => {
-    a.currentTarget.value = "";
-  };
-  return /* @__PURE__ */ d(
-    "input",
-    {
-      ...r,
-      type: "file",
-      className: h(s, p.uploadZoneInput),
-      onChange: t,
-      onClick: n,
-      ref: e.setInputNode,
-      key: "uploadZoneInput"
-    }
-  );
-};
-D.displayName = "UploadZone";
-const g = c.createContext({
-  onChange: () => {
-  },
-  openUploadDialog: () => {
-  }
-});
-class u extends c.PureComponent {
-  constructor() {
-    super(...arguments);
-    // Описание - https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element.
-    // Если counter > 0 - означает, что перетаскиваемый объект в пределах окна браузера.
-    /** Каунтер для подсчёта drag-перемещений по странице. */
-    o(this, "counter", 0);
-    /** Элемент-обёртка для дроп-зоны. */
-    o(this, "dropZoneWrapperDiv", null);
-    o(this, "state", {
-      hoverOnDrag: !1,
-      inputNode: void 0
-    });
-    o(this, "addListeners", (e) => {
-      e && (e.addEventListener("dragenter", this.handleDragEnter), e.addEventListener("dragleave", this.handleDragLeave));
-    });
-    o(this, "removeListeners", (e) => {
-      e && (e.removeEventListener("dragenter", this.handleDragEnter), e.removeEventListener("dragleave", this.handleDragLeave));
-    });
-    o(this, "createDropZoneDiv", () => {
-      const { children: e, className: t, onChange: n, renderContainerContent: a, dropZoneContainer: v, ...l } = this.props, i = document.createElement("div");
-      return L(i).render(
-        /* @__PURE__ */ d(
-          "div",
-          {
-            className: h(p.uploadZoneContainerDragArea, t),
-            onDragOver: this.handlePreventDefault,
-            onDrop: this.fileDrop,
-            ...l,
-            key: "uploadZoneDragArea",
-            role: "none"
-          },
-          a == null ? void 0 : a()
-        )
-      ), i;
-    });
-    o(this, "handleAreaClick", (e) => {
-      e.stopPropagation(), this.openUploadDialog();
-    });
-    o(this, "openUploadDialog", () => {
-      const { inputNode: e } = this.state;
-      e == null || e.click();
-    });
-    o(this, "handlePreventDefault", (e) => {
-      const { onDragOver: t } = this.props;
-      e.preventDefault(), t == null || t(e);
-    });
-    o(this, "handleDragEnter", () => {
-      this.counter++, this.counter === 1 && this.setState({ hoverOnDrag: !0 });
-    });
-    o(this, "handleDragLeave", () => {
-      this.counter--, this.counter === 0 && this.setState({ hoverOnDrag: !1 });
-    });
-    o(this, "fileDrop", (e) => {
-      const { onDrop: t, onChange: n } = this.props;
-      e.preventDefault(), t == null || t(e), n(e.dataTransfer.files, e), this.setState({ hoverOnDrag: !1 }), this.counter = 0;
-    });
-  }
-  componentDidMount() {
-    this.addListeners(this.props.dropZoneContainer);
-  }
-  componentDidUpdate(e, t) {
-    const { dropZoneContainer: n } = this.props, { hoverOnDrag: a } = this.state;
-    n !== e.dropZoneContainer && (this.removeListeners(e.dropZoneContainer), this.addListeners(n)), a !== t.hoverOnDrag && n && (a ? (this.dropZoneWrapperDiv = this.createDropZoneDiv(), n.appendChild(this.dropZoneWrapperDiv)) : this.dropZoneWrapperDiv && n.removeChild(this.dropZoneWrapperDiv));
-  }
-  componentWillUnmount() {
-    this.removeListeners(this.props.dropZoneContainer);
-  }
-  render() {
-    const { children: e, className: t, onChange: n, renderContainerContent: a, dropZoneContainer: v, ...l } = this.props, { inputNode: i } = this.state;
-    return /* @__PURE__ */ C(
-      g.Provider,
-      {
-        value: {
-          inputNode: i,
-          onChange: n,
-          openUploadDialog: this.openUploadDialog,
-          setInputNode: (Z) => {
-            this.setState({ inputNode: Z });
-          }
-        },
-        children: /* @__PURE__ */ A("div", { className: p.uploadZone, "data-tx": "0.1.9", children: [
-          /* @__PURE__ */ d(
-            "div",
-            {
-              className: h(p.uploadZoneDragArea, t),
-              onClick: this.handleAreaClick,
-              ...l,
-              key: "uploadZoneDragArea",
-              role: "none"
-            }
-          ),
-          e({ openUploadDialog: this.openUploadDialog })
-        ] })
-      }
-    );
-  }
-}
-o(u, "displayName", "UploadZone"), o(u, "Input", D);
+import "react";
+import "../UploadZoneContext.js";
+import "../../../chunks/vendor-D-uL_icH.js";
+import { U as i } from "../../../chunks/UploadZoneInput-R9729LZY.js";
 export {
-  g as U,
-  D as UploadZoneInput,
-  u as a
+  i as UploadZoneInput
 };
 //# sourceMappingURL=UploadZoneInput.js.map

package/components/UploadZone/index.js

@@ -1,6 +1,5 @@
-import { a as e, U as n } from "./components/UploadZoneInput.js";
+import { UploadZone as p } from "./UploadZone.js";
 export {
-  e as UploadZone,
-  n as UploadZoneContext
+  p as UploadZone
 };
 //# sourceMappingURL=index.js.map

package/components/UploadZone/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map