mimir-ui-kit 1.38.38 → 1.38.39

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,106 +1,113 @@
-import { jsxs as h, jsx as f, Fragment as j } from "react/jsx-runtime";
-import { c as B } from "../../index-DIxK0V-G.js";
-import { forwardRef as D, useState as _, useEffect as C, useMemo as O } from "react";
-import { imageTypes as y } from "./constants.js";
+import { jsxs as F, jsx as m, Fragment as B } from "react/jsx-runtime";
+import { c as _ } from "../../index-DIxK0V-G.js";
+import { forwardRef as j, useState as A, useEffect as C, useMemo as O } from "react";
+import { imageTypes as v } from "./constants.js";
 import "../Button/Button.js";
-import { EButtonVariantDefault as P } from "../Button/constants.js";
-import { ListFiles as A } from "../ListFiles/ListFiles.js";
-import { EFileItemVariant as k } from "../ListFiles/constants.js";
-import { ListPhotos as q } from "../ListPhotos/ListPhotos.js";
-import { Uploader as G } from "../Uploader/Uploader.js";
+import { EButtonVariantDefault as k } from "../Button/constants.js";
+import { ListFiles as q } from "../ListFiles/ListFiles.js";
+import { EFileItemVariant as G } from "../ListFiles/constants.js";
+import { ListPhotos as H } from "../ListPhotos/ListPhotos.js";
+import { Uploader as J } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const x = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, d = (i) => "file" in i && i.file instanceof File ? y.includes(i.file.type) : "type" in i && typeof i.type == "string" ? y.includes(i.type) : !1, te = D(
-  (i, F) => {
+}, u = (i) => "file" in i && i.file instanceof File ? v.includes(i.file.type) : "type" in i && typeof i.type == "string" ? v.includes(i.type) : !1, se = j(
+  (i, g) => {
     const {
-      type: a,
-      filesType: v,
-      arrayName: g,
-      maxSize: w,
-      onChange: s,
-      value: r,
+      type: s,
+      filesType: w,
+      arrayName: z,
+      maxSize: I,
+      onChange: a,
+      value: l,
       maxFiles: n,
-      titleUploader: z,
+      titleUploader: P,
       buttonText: U = "Выберите файлы",
-      showOnlyUploadButton: m = !1,
-      uploadButtonVariant: b = P.SecondaryAsphalt,
-      buttonSize: I = "m",
-      buttonClassName: E,
-      variantListFiles: L = k.white,
-      onMaxFilesExceeded: S,
-      onMaxSizeExceeded: V,
+      showOnlyUploadButton: c = !1,
+      uploadButtonVariant: b = k.SecondaryAsphalt,
+      buttonSize: E = "m",
+      buttonClassName: S,
+      variantListFiles: V = G.white,
+      onMaxFilesExceeded: D,
+      onMaxSizeExceeded: L,
       onInvalidFileType: M
-    } = i, [l, p] = _(
-      r || []
-    ), u = !!n && l.length >= n;
+    } = i, [r, p] = A(
+      l || []
+    ), h = !!n && r.length >= n;
     C(() => {
-      r && p(r);
-    }, [r]);
+      l && p(l);
+    }, [l]);
     const N = (t) => {
-      const o = t.value.map((e) => d(e.file) ? {
-        id: e.id,
-        url: URL.createObjectURL(e.file),
-        type: e.file.type,
-        name: e.file.name,
-        size: e.file.size
-      } : {
+      const o = t.value.map((e) => u(e.file) ? new Promise((d) => {
+        const f = new FileReader();
+        f.onload = () => {
+          d({
+            id: e.id,
+            url: f.result,
+            type: e.file.type,
+            name: e.file.name,
+            size: e.file.size
+          });
+        }, f.readAsDataURL(e.file);
+      }) : Promise.resolve({
         id: e.id,
         url: "",
         size: e.file.size,
         name: e.file.name,
         type: e.file.type
+      }));
+      Promise.all(o).then((e) => {
+        p((d) => [...d, ...e]), a == null || a({ type: "add", data: t.value });
       });
-      p((e) => [...e, ...o]), s == null || s({ type: "add", data: t.value });
-    }, c = (t) => {
-      p((o) => o.filter((e) => e.id !== t)), s == null || s({ type: "delete", data: t });
+    }, y = (t) => {
+      p((o) => o.filter((e) => e.id !== t)), a == null || a({ type: "delete", data: t });
     }, { photos: R, files: T } = O(() => {
-      const t = () => l.filter((e) => !d(e)), o = () => l.filter(d);
-      return a === "all" ? { files: t(), photos: o() } : a === "files" ? { photos: [], files: t() } : a === "photos" ? { files: [], photos: o() } : { files: [], photos: [] };
-    }, [l, a]);
-    return /* @__PURE__ */ h(
+      const t = () => r.filter((e) => !u(e)), o = () => r.filter(u);
+      return s === "all" ? { files: t(), photos: o() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: o() } : { files: [], photos: [] };
+    }, [r, s]);
+    return /* @__PURE__ */ F(
       "div",
       {
         "data-testid": "universal-uploader",
-        className: B(
+        className: _(
           x["upload-file-wrapper"],
-          u && x.disabled
+          h && x.disabled
         ),
         children: [
-          /* @__PURE__ */ f(
-            G,
+          /* @__PURE__ */ m(
+            J,
             {
-              filesType: v,
-              arrayName: g,
-              maxSize: w,
+              filesType: w,
+              arrayName: z,
+              maxSize: I,
               onChangeValue: N,
-              ref: F,
-              maxFiles: n && n - l.length,
-              isDisabled: u,
-              titleUploader: z,
-              showOnlyUploadButton: m,
+              ref: g,
+              maxFiles: n && n - r.length,
+              isDisabled: h,
+              titleUploader: P,
+              showOnlyUploadButton: c,
               buttonText: U,
               uploadButtonVariant: b,
-              buttonSize: I,
-              buttonClassName: E,
-              onMaxFilesExceeded: S,
-              onMaxSizeExceeded: V,
+              buttonSize: E,
+              buttonClassName: S,
+              onMaxFilesExceeded: D,
+              onMaxSizeExceeded: L,
               onInvalidFileType: M
             }
           ),
-          !m && /* @__PURE__ */ h(j, { children: [
-            (a === "files" || a === "all") && /* @__PURE__ */ f(
-              A,
+          !c && /* @__PURE__ */ F(B, { children: [
+            (s === "files" || s === "all") && /* @__PURE__ */ m(
+              q,
               {
                 value: T,
-                onChange: (t) => c(t.deleteId),
-                variant: L
+                onChange: (t) => y(t.deleteId),
+                variant: V
               }
             ),
-            (a === "photos" || a === "all") && /* @__PURE__ */ f(
-              q,
+            (s === "photos" || s === "all") && /* @__PURE__ */ m(
+              H,
               {
                 value: R,
-                onChange: (t) => c(t.deleteId)
+                onChange: (t) => y(t.deleteId)
               }
             )
           ] })
@@ -110,5 +117,5 @@ import '../../assets/UploaderPhotos.css';const x = {
   }
 );
 export {
-  te as UniversalUploader
+  se as UniversalUploader
 };

package/package.json

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