fui-material 2.8.17 → 2.8.19

package/dist/f-ui-kit.es.js

@@ -1825,22 +1825,101 @@ const FDownloadIcon = React.forwardRef(({
   );
 });
 FDownloadIcon.displayName = "FDownloadIcon";
-const overlay$1 = "_overlay_19vq5_1";
-const entering$1 = "_entering_19vq5_15";
-const exiting$1 = "_exiting_19vq5_19";
-const viewport = "_viewport_19vq5_24";
-const image = "_image_19vq5_33";
-const zoomed = "_zoomed_19vq5_44";
-const close$1 = "_close_19vq5_52";
-const download$1 = "_download_19vq5_53";
-const arrow = "_arrow_19vq5_54";
-const left = "_left_19vq5_107";
-const right = "_right_19vq5_111";
-const indicators = "_indicators_19vq5_115";
-const dot = "_dot_19vq5_124";
-const active$4 = "_active_19vq5_133";
-const spinner = "_spinner_19vq5_138";
-const error$2 = "_error_19vq5_148";
+function fDownloadBlobFile(blob, fileName) {
+  if (!blob) {
+    throw new Error("Blob or string content must not be empty");
+  }
+  const blobObject = typeof blob === "string" ? new Blob([blob], { type: "text/plain;charset=utf-8" }) : blob;
+  const link2 = document.createElement("a");
+  const url = window.URL.createObjectURL(blobObject);
+  link2.href = url;
+  link2.download = fileName;
+  link2.style.display = "none";
+  document.body.appendChild(link2);
+  link2.click();
+  document.body.removeChild(link2);
+  window.URL.revokeObjectURL(url);
+}
+const fDownloadFileFromBase64 = (base64String, fileName) => {
+  if (!base64String) {
+    console.error("Invalid Base64 string");
+    return;
+  }
+  let mimeType;
+  let base64Data;
+  if (base64String.startsWith("data:")) {
+    const dataUriMatch = base64String.match(/^data:([^;]+);base64,/);
+    if (dataUriMatch && dataUriMatch[1]) {
+      mimeType = dataUriMatch[1];
+    } else {
+      mimeType = "application/octet-stream";
+    }
+    base64Data = base64String.split(",")[1] || "";
+  } else {
+    mimeType = getMimeTypeFromFileName(fileName) || "application/octet-stream";
+    base64Data = base64String;
+  }
+  try {
+    const byteCharacters = atob(base64Data);
+    const byteNumbers = new Array(byteCharacters.length);
+    for (let i = 0; i < byteCharacters.length; i++) {
+      byteNumbers[i] = byteCharacters.charCodeAt(i);
+    }
+    const byteArray = new Uint8Array(byteNumbers);
+    const blob = new Blob([byteArray], { type: mimeType });
+    const url = window.URL.createObjectURL(blob);
+    const link2 = document.createElement("a");
+    link2.href = url;
+    link2.download = fileName;
+    document.body.appendChild(link2);
+    link2.click();
+    document.body.removeChild(link2);
+    window.URL.revokeObjectURL(url);
+  } catch (error2) {
+    console.error("Ошибка при обработке Base64:", error2);
+  }
+};
+const getMimeTypeFromFileName = (fileName) => {
+  var _a;
+  const extension = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+  if (!extension) return void 0;
+  const mimeTypes = {
+    txt: "text/plain",
+    pdf: "application/pdf",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    svg: "image/svg+xml",
+    doc: "application/msword",
+    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    xls: "application/vnd.ms-excel",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ppt: "application/vnd.ms-powerpoint",
+    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    json: "application/json",
+    zip: "application/zip",
+    mp3: "audio/mpeg",
+    mp4: "video/mp4"
+  };
+  return mimeTypes[extension];
+};
+const overlay$1 = "_overlay_1x5hi_1";
+const entering$1 = "_entering_1x5hi_15";
+const exiting$1 = "_exiting_1x5hi_19";
+const viewport = "_viewport_1x5hi_24";
+const image = "_image_1x5hi_33";
+const zoomed = "_zoomed_1x5hi_44";
+const close$1 = "_close_1x5hi_52";
+const download$1 = "_download_1x5hi_53";
+const arrow = "_arrow_1x5hi_54";
+const left = "_left_1x5hi_108";
+const right = "_right_1x5hi_112";
+const indicators = "_indicators_1x5hi_116";
+const dot = "_dot_1x5hi_125";
+const active$4 = "_active_1x5hi_134";
+const spinner = "_spinner_1x5hi_139";
+const error$2 = "_error_1x5hi_149";
 const styles$o = {
   overlay: overlay$1,
   entering: entering$1,
@@ -1860,6 +1939,54 @@ const styles$o = {
   error: error$2
 };
 let openImageViewersCount = 0;
+const getExtensionFromMimeType$1 = (mimeType) => {
+  const cleanType = mimeType.split(";")[0].trim().toLowerCase();
+  switch (cleanType) {
+    case "image/jpeg":
+      return "jpg";
+    case "image/png":
+      return "png";
+    case "image/gif":
+      return "gif";
+    case "image/webp":
+      return "webp";
+    case "image/svg+xml":
+      return "svg";
+    case "image/avif":
+      return "avif";
+    case "image/bmp":
+      return "bmp";
+    case "image/x-icon":
+    case "image/vnd.microsoft.icon":
+      return "ico";
+    default:
+      return "";
+  }
+};
+const getFileName$1 = (url, fallback) => {
+  if (url.startsWith("data:")) {
+    const mimeMatch = url.match(/^data:([^;]+);/);
+    const ext = mimeMatch ? getExtensionFromMimeType$1(mimeMatch[1]) : "png";
+    const base = "image";
+    return base.includes(".") ? base : `${base}.${ext || "png"}`;
+  }
+  try {
+    const parsed = new URL(url, window.location.href);
+    const segments = parsed.pathname.split("/").filter(Boolean);
+    const lastSegment = segments.pop();
+    if (lastSegment) {
+      return decodeURIComponent(lastSegment);
+    }
+  } catch {
+    const clean = url.split("?")[0].split("#")[0];
+    const segments = clean.split("/").filter(Boolean);
+    const lastSegment = segments.pop();
+    if (lastSegment) {
+      return decodeURIComponent(lastSegment);
+    }
+  }
+  return "image";
+};
 const FOpenImgFull = ({
   id,
   className,
@@ -1868,7 +1995,9 @@ const FOpenImgFull = ({
   selectedImg,
   setSelectedImg,
   handleClose,
-  openAndClose
+  openAndClose,
+  fileName,
+  fileNames
 }) => {
   const [isMounted, setIsMounted] = useState(openAndClose);
   const [isClosing, setIsClosing] = useState(false);
@@ -1925,6 +2054,40 @@ const FOpenImgFull = ({
     const nextIndex = selectedImg + offset;
     if (nextIndex >= 0 && nextIndex < imagesUrl.length) setSelectedImg(nextIndex);
   };
+  const handleDownload = async (event) => {
+    event.stopPropagation();
+    if (!imageUrl) return;
+    const defaultFileName = getFileName$1(imageUrl);
+    const resolvedFileName = (fileNames == null ? void 0 : fileNames[selectedImg]) || fileName || defaultFileName;
+    try {
+      if (imageUrl.startsWith("data:")) {
+        fDownloadFileFromBase64(imageUrl, resolvedFileName);
+        return;
+      }
+      const response = await fetch(imageUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to fetch image: ${response.statusText}`);
+      }
+      const blob = await response.blob();
+      let finalName = resolvedFileName;
+      if (!finalName.includes(".") && blob.type) {
+        const ext = getExtensionFromMimeType$1(blob.type);
+        if (ext) {
+          finalName = `${finalName}.${ext}`;
+        }
+      }
+      fDownloadBlobFile(blob, finalName);
+    } catch {
+      const link2 = document.createElement("a");
+      link2.href = imageUrl;
+      link2.download = resolvedFileName;
+      link2.target = "_blank";
+      link2.rel = "noreferrer noopener";
+      document.body.appendChild(link2);
+      link2.click();
+      document.body.removeChild(link2);
+    }
+  };
   return createPortal(
     /* @__PURE__ */ jsxs(
       "div",
@@ -1937,7 +2100,17 @@ const FOpenImgFull = ({
         },
         children: [
           handleClose && /* @__PURE__ */ jsx("button", { type: "button", className: styles$o.close, onClick: handleClose, "aria-label": "Закрыть просмотр изображений", children: /* @__PURE__ */ jsx(FCloseIcon, { color: "light", size: 24 }) }),
-          /* @__PURE__ */ jsx("a", { className: styles$o.download, href: imageUrl, download: true, "aria-label": "Скачать изображение", title: "Скачать изображение", children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 20 }) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$o.download,
+              onClick: handleDownload,
+              "aria-label": "Скачать изображение",
+              title: "Скачать изображение",
+              children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 20 })
+            }
+          ),
           selectedImg > 0 && /* @__PURE__ */ jsx("button", { type: "button", className: `${styles$o.arrow} ${styles$o.left}`, onClick: () => changeImage(-1), "aria-label": "Предыдущее изображение", children: /* @__PURE__ */ jsx(FArrowIcon, { direction: "left", color: "light", size: 28 }) }),
           /* @__PURE__ */ jsxs("div", { className: styles$o.viewport, children: [
             isLoading && !hasError && /* @__PURE__ */ jsx("span", { className: styles$o.spinner, "aria-label": "Загрузка изображения" }),
@@ -2018,85 +2191,6 @@ const FOpenImgFull = ({
     document.body
   );
 };
-function fDownloadBlobFile(blob, fileName) {
-  if (!blob) {
-    throw new Error("Blob or string content must not be empty");
-  }
-  const blobObject = typeof blob === "string" ? new Blob([blob], { type: "text/plain;charset=utf-8" }) : blob;
-  const link2 = document.createElement("a");
-  const url = window.URL.createObjectURL(blobObject);
-  link2.href = url;
-  link2.download = fileName;
-  link2.style.display = "none";
-  document.body.appendChild(link2);
-  link2.click();
-  document.body.removeChild(link2);
-  window.URL.revokeObjectURL(url);
-}
-const fDownloadFileFromBase64 = (base64String, fileName) => {
-  if (!base64String) {
-    console.error("Invalid Base64 string");
-    return;
-  }
-  let mimeType;
-  let base64Data;
-  if (base64String.startsWith("data:")) {
-    const dataUriMatch = base64String.match(/^data:([^;]+);base64,/);
-    if (dataUriMatch && dataUriMatch[1]) {
-      mimeType = dataUriMatch[1];
-    } else {
-      mimeType = "application/octet-stream";
-    }
-    base64Data = base64String.split(",")[1] || "";
-  } else {
-    mimeType = getMimeTypeFromFileName(fileName) || "application/octet-stream";
-    base64Data = base64String;
-  }
-  try {
-    const byteCharacters = atob(base64Data);
-    const byteNumbers = new Array(byteCharacters.length);
-    for (let i = 0; i < byteCharacters.length; i++) {
-      byteNumbers[i] = byteCharacters.charCodeAt(i);
-    }
-    const byteArray = new Uint8Array(byteNumbers);
-    const blob = new Blob([byteArray], { type: mimeType });
-    const url = window.URL.createObjectURL(blob);
-    const link2 = document.createElement("a");
-    link2.href = url;
-    link2.download = fileName;
-    document.body.appendChild(link2);
-    link2.click();
-    document.body.removeChild(link2);
-    window.URL.revokeObjectURL(url);
-  } catch (error2) {
-    console.error("Ошибка при обработке Base64:", error2);
-  }
-};
-const getMimeTypeFromFileName = (fileName) => {
-  var _a;
-  const extension = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
-  if (!extension) return void 0;
-  const mimeTypes = {
-    txt: "text/plain",
-    pdf: "application/pdf",
-    png: "image/png",
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    gif: "image/gif",
-    svg: "image/svg+xml",
-    doc: "application/msword",
-    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-    xls: "application/vnd.ms-excel",
-    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    ppt: "application/vnd.ms-powerpoint",
-    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-    json: "application/json",
-    zip: "application/zip",
-    mp3: "audio/mpeg",
-    mp4: "video/mp4"
-  };
-  return mimeTypes[extension];
-};
 const preview$1 = "_preview_irgtv_1";
 const imageButton = "_imageButton_irgtv_7";
 const download = "_download_irgtv_27";
@@ -2228,7 +2322,8 @@ const FImagePreview = ({ src, alt = "", id, className, st, fileName }) => {
         selectedImg: 0,
         setSelectedImg: () => void 0,
         openAndClose: isOpen,
-        handleClose: () => setIsOpen(false)
+        handleClose: () => setIsOpen(false),
+        fileName
       }
     )
   ] });