fui-material 2.8.14 → 2.8.15

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

@@ -1795,21 +1795,52 @@ const FArrowIcon = React.forwardRef(({
   );
 });
 FArrowIcon.displayName = "FArrowIcon";
-const overlay$1 = "_overlay_avyqh_1";
-const entering$1 = "_entering_avyqh_15";
-const exiting$1 = "_exiting_avyqh_19";
-const viewport = "_viewport_avyqh_24";
-const image = "_image_avyqh_33";
-const zoomed = "_zoomed_avyqh_44";
-const close$1 = "_close_avyqh_52";
-const arrow = "_arrow_avyqh_53";
-const left = "_left_avyqh_95";
-const right = "_right_avyqh_99";
-const indicators = "_indicators_avyqh_103";
-const dot = "_dot_avyqh_112";
-const active$4 = "_active_avyqh_121";
-const spinner = "_spinner_avyqh_126";
-const error$2 = "_error_avyqh_136";
+const FDownloadIcon = React.forwardRef(({
+  color = "primary",
+  size = 30,
+  st,
+  id,
+  className,
+  handleClick,
+  ["data-testid"]: dataTestId,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref,
+      style: st,
+      id,
+      width: size,
+      onClick: handleClick,
+      className: `f-icon ${handleClick ? " clicking-icon" : ""} ${color} ${className || ""}`,
+      viewBox: "0 0 16 16",
+      "data-testid": dataTestId,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
+        /* @__PURE__ */ jsx("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" })
+      ]
+    }
+  );
+});
+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";
 const styles$o = {
   overlay: overlay$1,
   entering: entering$1,
@@ -1818,6 +1849,7 @@ const styles$o = {
   image,
   zoomed,
   close: close$1,
+  download: download$1,
   arrow,
   left,
   right,
@@ -1854,7 +1886,7 @@ const FOpenImgFull = ({
     } else if (isMounted) {
       setIsClosing(true);
     }
-  }, [openAndClose]);
+  }, [isMounted, openAndClose]);
   useEffect(() => {
     if (!isClosing) return;
     const timer = window.setTimeout(() => {
@@ -1905,6 +1937,7 @@ 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 }) }),
           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": "Загрузка изображения" }),
@@ -1985,23 +2018,36 @@ const FOpenImgFull = ({
     document.body
   );
 };
-const preview$1 = "_preview_1mpqt_1";
+const preview$1 = "_preview_b55p5_1";
+const imageButton = "_imageButton_b55p5_7";
+const download = "_download_b55p5_27";
 const styles$n = {
-  preview: preview$1
+  preview: preview$1,
+  imageButton,
+  download
 };
 const FImagePreview = ({ src, alt = "", id, className, st }) => {
   const [isOpen, setIsOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "button",
+    /* @__PURE__ */ jsxs(
+      "div",
       {
         id,
-        type: "button",
         className: `${styles$n.preview} ${className || ""}`,
         style: st,
-        onClick: () => setIsOpen(true),
-        "aria-label": alt ? `Открыть изображение: ${alt}` : "Открыть изображение в полном размере",
-        children: /* @__PURE__ */ jsx("img", { src, alt })
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$n.imageButton,
+              onClick: () => setIsOpen(true),
+              "aria-label": alt ? `Открыть изображение: ${alt}` : "Открыть изображение в полном размере",
+              children: /* @__PURE__ */ jsx("img", { src, alt })
+            }
+          ),
+          /* @__PURE__ */ jsx("a", { className: styles$n.download, href: src, download: true, "aria-label": "Скачать изображение", title: "Скачать изображение", children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 18 }) })
+        ]
       }
     ),
     /* @__PURE__ */ jsx(
@@ -4783,36 +4829,6 @@ const FUploadIcon = React.forwardRef(({
   );
 });
 FUploadIcon.displayName = "FUploadIcon";
-const FDownloadIcon = React.forwardRef(({
-  color = "primary",
-  size = 30,
-  st,
-  id,
-  className,
-  handleClick,
-  ["data-testid"]: dataTestId,
-  ...props
-}, ref) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      ref,
-      style: st,
-      id,
-      width: size,
-      onClick: handleClick,
-      className: `f-icon ${handleClick ? " clicking-icon" : ""} ${color} ${className || ""}`,
-      viewBox: "0 0 16 16",
-      "data-testid": dataTestId,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
-        /* @__PURE__ */ jsx("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" })
-      ]
-    }
-  );
-});
-FDownloadIcon.displayName = "FDownloadIcon";
 const FCopyAddIcon = React.forwardRef(({
   color = "primary",
   size = 30,