mimir-ui-kit 1.48.0 → 1.48.2

package/dist/components/ListPhotos/ListPhoto/ListPhoto.d.ts

@@ -26,4 +26,4 @@ export type TListPhoto = ComponentProps<'img'> & {
 /**
  * Компонент для отображения изображения с возможностью загрузки через callback
  */
-export declare const ListPhoto: import('react').ForwardRefExoticComponent<Omit<TListPhoto, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
+export declare const ListPhoto: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<TListPhoto, "ref"> & import('react').RefAttributes<HTMLImageElement>>>;

package/dist/components/ListPhotos/ListPhoto/ListPhoto.js

@@ -1,34 +1,42 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as d, useState as h, useEffect as a } from "react";
-const p = d(
-  (s, i) => {
+import { jsx as d } from "react/jsx-runtime";
+import { memo as L, forwardRef as b, useState as h, useRef as l, useEffect as c } from "react";
+const p = L(
+  b((f, m) => {
     const {
-      src: o,
-      alt: m = "image",
-      className: c,
-      isDownloadingImage: e = !1,
-      loadImage: r,
-      ...l
-    } = s, [f, t] = h(o);
-    return a(() => {
-      o && !e && t(o);
-    }, [o, e]), a(() => {
-      e && r && r().then((g) => {
-        t(g);
+      src: t,
+      alt: g = "image",
+      className: R,
+      isDownloadingImage: n = !1,
+      loadImage: u,
+      ...U
+    } = f, [s, a] = h(t), o = l(u);
+    o.current = u;
+    const r = l(null);
+    return c(() => {
+      t && !n && (r.current && (URL.revokeObjectURL(r.current), r.current = null), a(t));
+    }, [t, n]), c(() => {
+      if (!n || !o.current) return;
+      let i = !1;
+      return o.current().then((e) => {
+        i || a(() => (r.current && r.current !== e && (URL.revokeObjectURL(r.current), r.current = null), typeof e == "string" && e.startsWith("blob:") && (r.current = e), e));
       }).catch(() => {
         console.error("Error loading image");
-      });
-    }, [e, r, o]), /* @__PURE__ */ n(
+      }), () => {
+        i = !0;
+      };
+    }, [n]), c(() => () => {
+      r.current && (URL.revokeObjectURL(r.current), r.current = null);
+    }, []), s ? /* @__PURE__ */ d(
       "img",
       {
-        ref: i,
-        src: f,
-        alt: m,
-        className: c,
-        ...l
+        ref: m,
+        src: s,
+        alt: g,
+        className: R,
+        ...U
       }
-    );
-  }
+    ) : null;
+  })
 );
 p.displayName = "ListPhoto";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.48.0",
+  "version": "1.48.2",
   "type": "module",
   "exports": {
     ".": {