@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/UploadZone/UploadZone.js

@@ -1,111 +1,171 @@
-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-D5cfSbgz.js";
-import { s as E, U as T } from "../../chunks/UploadZoneInput-DsuMWKCX.js";
-import { UploadZoneContext as q } from "./UploadZoneContext.js";
-const z = Object.assign(
-  M((j, C) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useCallback, createElement, useEffect } from "react";
+import { createRoot } from "react-dom/client";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-CHGjIMro.js";
+import { UploadZoneContext } from "./UploadZoneContext.js";
+const UploadZone = Object.assign(
+  forwardRef((props, ref) => {
     const {
-      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", i), e.addEventListener("dragleave", p));
+      dropZoneContainer,
+      children,
+      className,
+      onChange,
+      renderContainerContent,
+      onDrop,
+      onDragOver,
+      ...restHtmlAttributes
+    } = props;
+    const [hoverOnDrag, setHoverOnDrag] = useState(false);
+    const [inputNode, setInputNode] = useState(void 0);
+    const counterRef = useRef(0);
+    const dropZoneWrapperDivRef = useRef(null);
+    const dropZoneRootRef = useRef(null);
+    const handleDragEnter = useCallback(() => {
+      counterRef.current += 1;
+      if (counterRef.current === 1) {
+        setHoverOnDrag(true);
+      }
+    }, []);
+    const handleDragLeave = useCallback(() => {
+      counterRef.current -= 1;
+      if (counterRef.current === 0) {
+        setHoverOnDrag(false);
+      }
+    }, []);
+    const addListeners = useCallback(
+      (dropZoneContainer2) => {
+        if (!dropZoneContainer2) {
+          return;
+        }
+        dropZoneContainer2.addEventListener("dragenter", handleDragEnter);
+        dropZoneContainer2.addEventListener("dragleave", handleDragLeave);
       },
-      [i, p]
-    ), R = r(
-      (e) => {
-        e && (e.removeEventListener("dragenter", i), e.removeEventListener("dragleave", p));
+      [handleDragEnter, handleDragLeave]
+    );
+    const removeListeners = useCallback(
+      (dropZoneContainer2) => {
+        if (!dropZoneContainer2) {
+          return;
+        }
+        dropZoneContainer2.removeEventListener("dragenter", handleDragEnter);
+        dropZoneContainer2.removeEventListener("dragleave", handleDragLeave);
       },
-      [i, p]
-    ), k = r(
+      [handleDragEnter, handleDragLeave]
+    );
+    const handlePreventDefault = useCallback(
       (e) => {
-        e.preventDefault(), u == null || u(e);
+        e.preventDefault();
+        onDragOver == null ? void 0 : onDragOver(e);
       },
-      [u]
-    ), x = r(
+      [onDragOver]
+    );
+    const fileDrop = useCallback(
       (e) => {
-        e.preventDefault(), l == null || l(e), m(e.dataTransfer.files, e), D(!1), t.current = 0;
+        e.preventDefault();
+        onDrop == null ? void 0 : onDrop(e);
+        onChange(e.dataTransfer.files, e);
+        setHoverOnDrag(false);
+        counterRef.current = 0;
       },
-      [m, l]
-    ), A = r(() => {
-      const e = document.createElement("div");
-      return a.current = S(e), a.current.render(
-        /* @__PURE__ */ y(
+      [onChange, onDrop]
+    );
+    const createDropZoneDiv = useCallback(() => {
+      const wrapperDiv = document.createElement("div");
+      dropZoneRootRef.current = createRoot(wrapperDiv);
+      dropZoneRootRef.current.render(
+        /* @__PURE__ */ createElement(
           "div",
           {
-            className: b(E.uploadZoneContainerDragArea, f),
-            onDragOver: k,
-            onDrop: x,
-            ...v,
+            className: clsx(styles.uploadZoneContainerDragArea, className),
+            onDragOver: handlePreventDefault,
+            onDrop: fileDrop,
+            ...restHtmlAttributes,
             key: "uploadZoneDragArea",
             role: "none"
           },
-          c == null ? void 0 : c()
+          renderContainerContent == null ? void 0 : renderContainerContent()
         )
-      ), e;
-    }, [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;
+      );
+      return wrapperDiv;
+    }, [className, handlePreventDefault, fileDrop, renderContainerContent, restHtmlAttributes]);
+    const cleanupDropZone = useCallback(() => {
+      if (dropZoneRootRef.current) {
+        dropZoneRootRef.current.unmount();
+        dropZoneRootRef.current = null;
+      }
+      const dropZoneWrapperDiv = dropZoneWrapperDivRef.current;
+      if (dropZoneWrapperDiv == null ? void 0 : dropZoneWrapperDiv.parentNode) {
+        dropZoneWrapperDiv.parentNode.removeChild(dropZoneWrapperDiv);
+      }
+      dropZoneWrapperDivRef.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(
+    useEffect(() => {
+      addListeners(dropZoneContainer);
+      return () => {
+        removeListeners(dropZoneContainer);
+      };
+    }, [dropZoneContainer, addListeners, removeListeners]);
+    useEffect(() => {
+      if (!dropZoneContainer) {
+        return;
+      }
+      if (hoverOnDrag) {
+        const isDropZoneMounted = dropZoneWrapperDivRef.current && dropZoneContainer.contains(dropZoneWrapperDivRef.current);
+        if (!isDropZoneMounted) {
+          cleanupDropZone();
+          dropZoneWrapperDivRef.current = createDropZoneDiv();
+          dropZoneContainer.appendChild(dropZoneWrapperDivRef.current);
+        }
+      } else {
+        cleanupDropZone();
+      }
+    }, [hoverOnDrag, dropZoneContainer, createDropZoneDiv, cleanupDropZone]);
+    useEffect(
       () => () => {
-        s(), t.current = 0;
+        cleanupDropZone();
+        counterRef.current = 0;
       },
-      [s]
+      [cleanupDropZone]
     );
-    const g = () => {
-      d == null || d.click();
-    }, P = (e) => {
-      e.stopPropagation(), g();
+    const openUploadDialog = () => {
+      inputNode == null ? void 0 : inputNode.click();
+    };
+    const handleAreaClick = (e) => {
+      e.stopPropagation();
+      openUploadDialog();
     };
-    return /* @__PURE__ */ w(
-      q.Provider,
+    return /* @__PURE__ */ jsx(
+      UploadZoneContext.Provider,
       {
         value: {
-          inputNode: d,
-          onChange: m,
-          openUploadDialog: g,
-          setInputNode: O
+          inputNode,
+          onChange,
+          openUploadDialog,
+          setInputNode
         },
-        children: /* @__PURE__ */ H("div", { className: E.uploadZone, "data-tx": "1.34.0", ref: C, children: [
-          /* @__PURE__ */ y(
+        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.35.0", ref, children: [
+          /* @__PURE__ */ createElement(
             "div",
             {
-              className: b(E.uploadZoneDragArea, f),
-              onClick: P,
-              ...v,
+              className: clsx(styles.uploadZoneDragArea, className),
+              onClick: handleAreaClick,
+              ...restHtmlAttributes,
               key: "uploadZoneDragArea",
               role: "none"
             }
           ),
-          I({ openUploadDialog: g })
+          children({ openUploadDialog })
         ] })
       }
     );
   }),
   {
-    Input: T
+    Input: UploadZoneInput
   }
 );
-z.displayName = "UploadZone";
+UploadZone.displayName = "UploadZone";
 export {
-  z as UploadZone
+  UploadZone
 };
 //# sourceMappingURL=UploadZone.js.map

package/components/UploadZone/UploadZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadZone.js","sources":["../../../src/components/UploadZone/UploadZone.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, forwardRef } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport clsx from \"clsx\";\nimport { UploadZoneInput } from \"./components/UploadZoneInput\";\nimport { UploadZoneContext } from \"./UploadZoneContext\";\nimport { UploadZoneOnChangeType } from \"./types\";\nimport styles from \"./styles/UploadZone.module.less\";\n\nexport interface IUploadZoneChildrenProvideProps {\n    /** Открытие диалогового окна выбора файла(ов). */\n    openUploadDialog: () => void;\n}\n\n/** Свойства компонента UploadZone. */\ninterface IUploadZoneProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"children\"> {\n    /** В качестве чилда передаётся функция. */\n    children: (props: IUploadZoneChildrenProvideProps) => React.ReactNode;\n    /** Обработчик изменения значения. */\n    onChange: UploadZoneOnChangeType;\n    /** Контейнер для дроп-зоны. */\n    dropZoneContainer?: HTMLElement | null;\n    /** Рендер-функция контента над контейнером. */\n    renderContainerContent?: () => JSX.Element;\n}\n\nexport const UploadZone = Object.assign(\n    forwardRef<HTMLDivElement, IUploadZoneProps>((props, ref) => {\n        const {\n            dropZoneContainer,\n            children,\n            className,\n            onChange,\n            renderContainerContent,\n            onDrop,\n            onDragOver,\n            ...restHtmlAttributes\n        } = props;\n\n        const [hoverOnDrag, setHoverOnDrag] = useState(false);\n        const [inputNode, setInputNode] = useState<HTMLInputElement | undefined>(undefined);\n\n        // Описание - https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element.\n        // Если counter > 0 - означает, что перетаскиваемый объект в пределах окна браузера.\n        /** Каунтер для подсчёта drag-перемещений по странице. */\n        const counterRef = useRef(0);\n\n        /** Элемент-обёртка для дроп-зоны. */\n        const dropZoneWrapperDivRef = useRef<HTMLDivElement | null>(null);\n        /** Root для контента, отрисованного поверх контейнера. */\n        const dropZoneRootRef = useRef<Root | null>(null);\n\n        const handleDragEnter = useCallback(() => {\n            counterRef.current += 1;\n            if (counterRef.current === 1) {\n                setHoverOnDrag(true);\n            }\n        }, []);\n\n        const handleDragLeave = useCallback(() => {\n            counterRef.current -= 1;\n            if (counterRef.current === 0) {\n                setHoverOnDrag(false);\n            }\n        }, []);\n\n        const addListeners = useCallback(\n            (dropZoneContainer: HTMLElement | null | undefined) => {\n                if (!dropZoneContainer) {\n                    return;\n                }\n\n                dropZoneContainer.addEventListener(\"dragenter\", handleDragEnter);\n                dropZoneContainer.addEventListener(\"dragleave\", handleDragLeave);\n            },\n            [handleDragEnter, handleDragLeave],\n        );\n\n        const removeListeners = useCallback(\n            (dropZoneContainer: HTMLElement | null | undefined) => {\n                if (!dropZoneContainer) {\n                    return;\n                }\n\n                dropZoneContainer.removeEventListener(\"dragenter\", handleDragEnter);\n                dropZoneContainer.removeEventListener(\"dragleave\", handleDragLeave);\n            },\n            [handleDragEnter, handleDragLeave],\n        );\n\n        const handlePreventDefault = useCallback(\n            (e: React.DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                onDragOver?.(e);\n            },\n            [onDragOver],\n        );\n\n        const fileDrop = useCallback(\n            (e: React.DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                onDrop?.(e);\n\n                onChange(e.dataTransfer.files, e);\n                setHoverOnDrag(false);\n                counterRef.current = 0;\n            },\n            [onChange, onDrop],\n        );\n\n        const createDropZoneDiv = useCallback((): HTMLDivElement => {\n            const wrapperDiv = document.createElement(\"div\");\n\n            dropZoneRootRef.current = createRoot(wrapperDiv);\n            dropZoneRootRef.current.render(\n                <div\n                    className={clsx(styles.uploadZoneContainerDragArea, className)}\n                    onDragOver={handlePreventDefault}\n                    onDrop={fileDrop}\n                    {...restHtmlAttributes}\n                    key=\"uploadZoneDragArea\"\n                    role=\"none\"\n                >\n                    {renderContainerContent?.()}\n                </div>,\n            );\n\n            return wrapperDiv;\n        }, [className, handlePreventDefault, fileDrop, renderContainerContent, restHtmlAttributes]);\n\n        const cleanupDropZone = useCallback(() => {\n            if (dropZoneRootRef.current) {\n                dropZoneRootRef.current.unmount();\n                dropZoneRootRef.current = null;\n            }\n\n            const dropZoneWrapperDiv = dropZoneWrapperDivRef.current;\n            if (dropZoneWrapperDiv?.parentNode) {\n                dropZoneWrapperDiv.parentNode.removeChild(dropZoneWrapperDiv);\n            }\n\n            dropZoneWrapperDivRef.current = null;\n        }, []);\n\n        useEffect(() => {\n            addListeners(dropZoneContainer);\n            return () => {\n                removeListeners(dropZoneContainer);\n            };\n        }, [dropZoneContainer, addListeners, removeListeners]);\n\n        useEffect(() => {\n            if (!dropZoneContainer) {\n                return;\n            }\n\n            if (hoverOnDrag) {\n                const isDropZoneMounted =\n                    dropZoneWrapperDivRef.current && dropZoneContainer.contains(dropZoneWrapperDivRef.current);\n\n                if (!isDropZoneMounted) {\n                    cleanupDropZone();\n                    dropZoneWrapperDivRef.current = createDropZoneDiv();\n                    dropZoneContainer.appendChild(dropZoneWrapperDivRef.current);\n                }\n            } else {\n                cleanupDropZone();\n            }\n        }, [hoverOnDrag, dropZoneContainer, createDropZoneDiv, cleanupDropZone]);\n\n        useEffect(\n            () => () => {\n                cleanupDropZone();\n                counterRef.current = 0;\n            },\n            [cleanupDropZone],\n        );\n\n        const openUploadDialog = () => {\n            inputNode?.click();\n        };\n\n        const handleAreaClick = (e: React.SyntheticEvent) => {\n            e.stopPropagation();\n            openUploadDialog();\n        };\n\n        return (\n            <UploadZoneContext.Provider\n                value={{\n                    inputNode,\n                    onChange,\n                    openUploadDialog,\n                    setInputNode,\n                }}\n            >\n                <div className={styles.uploadZone} data-tx={process.env.npm_package_version} ref={ref}>\n                    <div\n                        className={clsx(styles.uploadZoneDragArea, className)}\n                        onClick={handleAreaClick}\n                        {...restHtmlAttributes}\n                        key=\"uploadZoneDragArea\"\n                        role=\"none\"\n                    />\n                    {children({ openUploadDialog })}\n                </div>\n            </UploadZoneContext.Provider>\n        );\n    }),\n    {\n        Input: UploadZoneInput,\n    },\n);\n\nUploadZone.displayName = \"UploadZone\";\n"],"names":["dropZoneContainer"],"mappings":"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"}

package/components/UploadZone/UploadZoneContext.js

@@ -1,11 +1,9 @@
-import o from "react";
-const t = o.createContext({
-  onChange: () => {
-  },
-  openUploadDialog: () => {
-  }
+import React__default from "react";
+const UploadZoneContext = React__default.createContext({
+  onChange: () => void 0,
+  openUploadDialog: () => void 0
 });
 export {
-  t as UploadZoneContext
+  UploadZoneContext
 };
 //# sourceMappingURL=UploadZoneContext.js.map

package/components/UploadZone/UploadZoneContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadZoneContext.js","sources":["../../../src/components/UploadZone/UploadZoneContext.ts"],"sourcesContent":["import React from \"react\";\nimport { UploadZoneOnChangeType } from \"@sberbusiness/triplex-next/components/UploadZone/types\";\n\nexport interface IUploadZoneContext {\n    /** Открытие диалогового окна выбора файла(ов). */\n    openUploadDialog: () => void;\n    /** Обработчик изменения значения. */\n    onChange: UploadZoneOnChangeType;\n    /** Установка ссылки на элемент поля. */\n    setInputNode?: (inputNode: HTMLInputElement) => void;\n    /** Ссылка на элемент поля. */\n    inputNode?: HTMLInputElement;\n}\n\nexport const UploadZoneContext = React.createContext<IUploadZoneContext>({\n    onChange: () => void 0,\n    openUploadDialog: () => void 0,\n});\n"],"names":["React"],"mappings":";AAcO,MAAM,oBAAoBA,eAAM,cAAkC;AAAA,EACrE,UAAU,MAAM;AAAA,EAChB,kBAAkB,MAAM;AAC5B,CAAC;"}

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,8 +1,8 @@
 import "react";
 import "../UploadZoneContext.js";
-import "../../../chunks/vendor-D5cfSbgz.js";
-import { U as i } from "../../../chunks/UploadZoneInput-DsuMWKCX.js";
+import "../../../chunks/vendor-Bco_z_Yi.js";
+import { U } from "../../../chunks/UploadZoneInput-CHGjIMro.js";
 export {
-  i as UploadZoneInput
+  U as UploadZoneInput
 };
 //# sourceMappingURL=UploadZoneInput.js.map

package/components/UploadZone/components/UploadZoneInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadZoneInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/UploadZone/index.js

@@ -1,7 +1,7 @@
-import { UploadZone as e } from "./UploadZone.js";
-import { U as a } from "../../chunks/UploadZoneInput-DsuMWKCX.js";
+import { UploadZone } from "./UploadZone.js";
+import { U } from "../../chunks/UploadZoneInput-CHGjIMro.js";
 export {
-  e as UploadZone,
-  a as UploadZoneInput
+  UploadZone,
+  U as UploadZoneInput
 };
 //# sourceMappingURL=index.js.map

package/components/UploadZone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/UploadZone/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/WindowResizeListener/WindowResizeListener.js

@@ -1,18 +1,23 @@
-import { useEffect as t } from "react";
-import { z as o } from "../../chunks/vendor-D5cfSbgz.js";
-const d = ({
-  children: s,
-  onResize: r,
-  throttleDelay: i = 100
-}) => (t(() => {
-  const e = o(r, i);
-  return window.addEventListener("resize", e), () => {
-    var n;
-    window.removeEventListener("resize", e), (n = e.cancel) == null || n.call(e);
-  };
-}, [r, i]), s);
-d.displayName = "WindowResizeListener";
+import { useEffect } from "react";
+import { z as throttle } from "../../chunks/vendor-Bco_z_Yi.js";
+const WindowResizeListener = ({
+  children,
+  onResize,
+  throttleDelay = 100
+}) => {
+  useEffect(() => {
+    const throttled = throttle(onResize, throttleDelay);
+    window.addEventListener("resize", throttled);
+    return () => {
+      var _a;
+      window.removeEventListener("resize", throttled);
+      (_a = throttled.cancel) == null ? void 0 : _a.call(throttled);
+    };
+  }, [onResize, throttleDelay]);
+  return children;
+};
+WindowResizeListener.displayName = "WindowResizeListener";
 export {
-  d as WindowResizeListener
+  WindowResizeListener
 };
 //# sourceMappingURL=WindowResizeListener.js.map

package/components/WindowResizeListener/WindowResizeListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowResizeListener.js","sources":["../../../src/components/WindowResizeListener/WindowResizeListener.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport throttle from \"lodash-es/throttle\";\n\n/** Свойства компонента WindowResizeListener. */\ninterface IWindowResizeListenerProps {\n    children?: React.ReactNode;\n    /** Обработчик изменения размер окна. */\n    onResize: (event: UIEvent) => void;\n    /** Задержка для функции throttle, в миллисекундах. */\n    throttleDelay?: number;\n}\n\n/** Слушатель изменения размеров окна браузера. */\nexport const WindowResizeListener: React.FC<IWindowResizeListenerProps> = ({\n    children,\n    onResize,\n    throttleDelay = 100,\n}) => {\n    useEffect(() => {\n        const throttled = throttle(onResize, throttleDelay);\n        window.addEventListener(\"resize\", throttled);\n\n        return () => {\n            window.removeEventListener(\"resize\", throttled);\n            throttled.cancel?.();\n        };\n    }, [onResize, throttleDelay]);\n\n    return children;\n};\n\nWindowResizeListener.displayName = \"WindowResizeListener\";\n"],"names":[],"mappings":";;AAaO,MAAM,uBAA6D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA,gBAAgB;AACpB,MAAM;AACF,YAAU,MAAM;AACZ,UAAM,YAAY,SAAS,UAAU,aAAa;AAClD,WAAO,iBAAiB,UAAU,SAAS;AAE3C,WAAO,MAAM;;AACT,aAAO,oBAAoB,UAAU,SAAS;AAC9C,sBAAU,WAAV;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,aAAa,CAAC;AAE5B,SAAO;AACX;AAEA,qBAAqB,cAAc;"}

package/components/WindowResizeListener/index.js

@@ -1,5 +1,5 @@
-import { WindowResizeListener as o } from "./WindowResizeListener.js";
+import { WindowResizeListener } from "./WindowResizeListener.js";
 export {
-  o as WindowResizeListener
+  WindowResizeListener
 };
 //# sourceMappingURL=index.js.map

package/components/WindowResizeListener/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}