mimir-ui-kit 1.34.4 → 1.34.6

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,106 +1,78 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef, useState, useEffect, useMemo } from "react";
-import { imageTypes } from "./constants.js";
-import { ListFiles } from "../ListFiles/ListFiles.js";
-import { ListPhotos } from "../ListPhotos/ListPhotos.js";
-import { Uploader } from "../Uploader/Uploader.js";
-import '../../assets/UploaderPhotos.css';const cls = {
+import { jsxs as I, jsx as f } from "react/jsx-runtime";
+import { c as L } from "../../index-DIxK0V-G.js";
+import { forwardRef as R, useState as b, useEffect as j, useMemo as N } from "react";
+import { imageTypes as c } from "./constants.js";
+import { ListFiles as _ } from "../ListFiles/ListFiles.js";
+import { ListPhotos as D } from "../ListPhotos/ListPhotos.js";
+import { Uploader as M } from "../Uploader/Uploader.js";
+import '../../assets/UploaderPhotos.css';const y = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-};
-const isImageFile = (file) => {
-  if ("file" in file && file.file instanceof File) {
-    return imageTypes.includes(file.file.type);
-  }
-  if ("type" in file && typeof file.type === "string") {
-    return imageTypes.includes(file.type);
-  }
-  return false;
-};
-const UniversalUploader = forwardRef(
-  (props, ref) => {
+}, n = (i) => "file" in i && i.file instanceof File ? c.includes(i.file.type) : "type" in i && typeof i.type == "string" ? c.includes(i.type) : !1, q = R(
+  (i, h) => {
     const {
-      type,
-      filesType,
-      arrayName,
-      maxSize,
-      onChange,
-      value,
-      maxFiles,
-      titleUploader
-    } = props;
-    const [items, setItems] = useState(
-      value || []
-    );
-    const isMaxFilesReached = items.length >= maxFiles;
-    useEffect(() => {
-      if (value) {
-        setItems(value);
-      }
-    }, [value]);
-    const onChangeValue = (e) => {
-      const newItems = e.value.map((el) => {
-        if (isImageFile(el.file)) {
-          return {
-            id: el.id,
-            url: URL.createObjectURL(el.file),
-            type: el.file.type,
-            name: el.file.name,
-            size: el.file.size
-          };
-        } else {
-          return {
-            id: el.id,
-            url: "",
-            size: el.file.size,
-            name: el.file.name,
-            type: el.file.type
-          };
-        }
+      type: s,
+      filesType: v,
+      arrayName: g,
+      maxSize: x,
+      onChange: r,
+      value: l,
+      maxFiles: m,
+      titleUploader: F
+    } = i, [a, p] = b(
+      l || []
+    ), d = a.length >= m;
+    j(() => {
+      l && p(l);
+    }, [l]);
+    const U = (t) => {
+      const o = t.value.map((e) => n(e.file) ? {
+        id: e.id,
+        url: URL.createObjectURL(e.file),
+        type: e.file.type,
+        name: e.file.name,
+        size: e.file.size
+      } : {
+        id: e.id,
+        url: "",
+        size: e.file.size,
+        name: e.file.name,
+        type: e.file.type
       });
-      setItems((prev) => [...prev, ...newItems]);
-      onChange == null ? void 0 : onChange({ type: "add", data: e.value });
-    };
-    const onDelete = (deleteId) => {
-      setItems((prev) => prev.filter((item) => item.id !== deleteId));
-      onChange == null ? void 0 : onChange({ type: "delete", data: deleteId });
-    };
-    const { photos, files } = useMemo(() => {
-      const getFiles = () => items.filter((item) => !isImageFile(item));
-      const getPhotos = () => items.filter(isImageFile);
-      if (type === "all") return { files: getFiles(), photos: getPhotos() };
-      if (type === "files") return { photos: [], files: getFiles() };
-      if (type === "photos") return { files: [], photos: getPhotos() };
-      return { files: [], photos: [] };
-    }, [items, type]);
-    return /* @__PURE__ */ jsxs(
+      p((e) => [...e, ...o]), r == null || r({ type: "add", data: t.value });
+    }, u = (t) => {
+      p((o) => o.filter((e) => e.id !== t)), r == null || r({ type: "delete", data: t });
+    }, { photos: w, files: z } = N(() => {
+      const t = () => a.filter((e) => !n(e)), o = () => a.filter(n);
+      return s === "all" ? { files: t(), photos: o() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: o() } : { files: [], photos: [] };
+    }, [a, s]);
+    return /* @__PURE__ */ I(
       "div",
       {
-        className: classNames(
-          cls["upload-file-wrapper"],
-          isMaxFilesReached && cls.disabled
+        className: L(
+          y["upload-file-wrapper"],
+          d && y.disabled
         ),
         children: [
-          /* @__PURE__ */ jsx(
-            Uploader,
+          /* @__PURE__ */ f(
+            M,
             {
-              filesType,
-              arrayName,
-              maxSize,
-              onChangeValue,
-              ref,
-              maxFiles,
-              isDisabled: isMaxFilesReached,
-              titleUploader
+              filesType: v,
+              arrayName: g,
+              maxSize: x,
+              onChangeValue: U,
+              ref: h,
+              maxFiles: m,
+              isDisabled: d,
+              titleUploader: F
             }
           ),
-          (type === "files" || type === "all") && /* @__PURE__ */ jsx(ListFiles, { value: files, onChange: (j) => onDelete(j.deleteId) }),
-          (type === "photos" || type === "all") && /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: (j) => onDelete(j.deleteId) })
+          (s === "files" || s === "all") && /* @__PURE__ */ f(_, { value: z, onChange: (t) => u(t.deleteId) }),
+          (s === "photos" || s === "all") && /* @__PURE__ */ f(D, { value: w, onChange: (t) => u(t.deleteId) })
         ]
       }
     );
   }
 );
 export {
-  UniversalUploader
+  q as UniversalUploader
 };

package/dist/components/UniversalUploader/constants.js

@@ -1,10 +1,5 @@
-var EUploaderType = /* @__PURE__ */ ((EUploaderType2) => {
-  EUploaderType2["FILES"] = "files";
-  EUploaderType2["PHOTOS"] = "photos";
-  EUploaderType2["ALL"] = "all";
-  return EUploaderType2;
-})(EUploaderType || {});
-const imageTypes = [
+var i = /* @__PURE__ */ ((g) => (g.FILES = "files", g.PHOTOS = "photos", g.ALL = "all", g))(i || {});
+const e = [
   "image/jpg",
   "image/jpeg",
   "image/png",
@@ -13,6 +8,6 @@ const imageTypes = [
   "image/heic"
 ];
 export {
-  EUploaderType,
-  imageTypes
+  i as EUploaderType,
+  e as imageTypes
 };

package/dist/components/UniversalUploader/index.js

@@ -1,6 +1,6 @@
-import { UniversalUploader } from "./UniversalUploader.js";
-import { EUploaderType } from "./constants.js";
+import { UniversalUploader as o } from "./UniversalUploader.js";
+import { EUploaderType as a } from "./constants.js";
 export {
-  EUploaderType,
-  UniversalUploader
+  a as EUploaderType,
+  o as UniversalUploader
 };

package/dist/components/Uploader/Uploader.js

@@ -1,13 +1,12 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useId } from "react";
-import { Icon } from "../../icons/Icon.js";
-import { Button } from "../Button/Button.js";
-import '../../assets/Uploader.css';const cls = {
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { forwardRef as R, useRef as m, useId as z } from "react";
+import { Icon as C } from "../../icons/Icon.js";
+import { Button as E } from "../Button/Button.js";
+import '../../assets/Uploader.css';const p = {
   "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
   "upload-text": "_upload-text_bplvw_25",
   "upload-file-input": "_upload-file-input_bplvw_35"
-};
-const MIME = {
+}, u = {
   jpeg: "image/jpeg",
   jpg: "image/jpg",
   png: "image/png",
@@ -21,104 +20,83 @@ const MIME = {
   xls: "application/excel",
   txt: "text/plain",
   xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-};
-const filesTyps = [
+}, F = [
   "jpeg",
   "jpg",
   "png",
   "tiff",
   "gif",
   "heic"
-];
-const createIdGenerator = () => {
-  let id = 0;
-  return () => {
-    id = (id + 1) % Number.MAX_SAFE_INTEGER;
-    return id;
-  };
-};
-const generateId = createIdGenerator();
-const Uploader = forwardRef(
-  (props, ref) => {
+], U = () => {
+  let t = 0;
+  return () => (t = (t + 1) % Number.MAX_SAFE_INTEGER, t);
+}, A = U(), G = R(
+  (t, g) => {
     const {
-      filesType = filesTyps,
-      onChangeValue,
-      arrayName,
-      maxSize = 15,
-      maxFiles,
-      isDisabled,
-      titleUploader = "Или перетащите сюда"
-    } = props;
-    const uploaderRef = useRef(null);
-    const inputRef = useRef(null);
-    const idImg = useId();
-    const getFileType = (file) => {
-      var _a;
-      if (file.type) return file.type;
-      const extension = (_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase();
-      if (extension === "heic") return "image/heic";
-      return "";
-    };
-    const onChange = (e) => {
+      filesType: n = F,
+      onChangeValue: x,
+      arrayName: h,
+      maxSize: r = 15,
+      maxFiles: b,
+      isDisabled: s,
+      titleUploader: w = "Или перетащите сюда"
+    } = t, c = m(null), l = m(null), d = z(), y = (e) => {
+      var i;
+      return e.type ? e.type : ((i = e.name.split(".").pop()) == null ? void 0 : i.toLowerCase()) === "heic" ? "image/heic" : "";
+    }, _ = (e) => {
       if (e.target.files && e.target.files[0]) {
-        const list = Array.from(e.target.files).filter((el) => {
-          const fileType = getFileType(el);
-          const isValidType = filesType.map((name) => MIME[name]).includes(fileType);
-          const isValidSize = el.size / 1024 ** 2 <= maxSize;
-          return isValidType && isValidSize;
-        }).slice(0, maxFiles).map((el) => ({ file: el, id: generateId() }));
-        onChangeValue({ arrayName, value: list });
-        if (inputRef.current) {
-          inputRef.current.value = "";
-        }
+        const f = Array.from(e.target.files).filter((i) => {
+          const v = y(i), I = n.map((T) => u[T]).includes(v), N = i.size / 1024 ** 2 <= r;
+          return I && N;
+        }).slice(0, b).map((i) => ({ file: i, id: A() }));
+        x({ arrayName: h, value: f }), l.current && (l.current.value = "");
       }
+    }, j = () => {
+      var e;
+      (e = c.current) == null || e.click();
     };
-    const onOpen = () => {
-      var _a;
-      (_a = uploaderRef.current) == null ? void 0 : _a.click();
-    };
-    return /* @__PURE__ */ jsxs("div", { className: cls["upload-file-wrapper"], ref, children: [
-      /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ o("div", { className: p["upload-file-wrapper"], ref: g, children: [
+      /* @__PURE__ */ a(
         "input",
         {
-          ref: inputRef,
+          ref: l,
           type: "file",
-          className: cls["upload-file-input"],
+          className: p["upload-file-input"],
           "aria-label": "Upload",
           name: "image[]",
-          multiple: true,
-          onChange,
+          multiple: !0,
+          onChange: _,
           title: "",
-          id: idImg,
-          accept: filesType.map((i) => MIME[i]).join(),
-          disabled: isDisabled
+          id: d,
+          accept: n.map((e) => u[e]).join(),
+          disabled: s
         }
       ),
-      /* @__PURE__ */ jsxs("label", { htmlFor: idImg, ref: uploaderRef, children: [
-        /* @__PURE__ */ jsx(
-          Button,
+      /* @__PURE__ */ o("label", { htmlFor: d, ref: c, children: [
+        /* @__PURE__ */ a(
+          E,
           {
             size: "m",
             variant: "secondary-asphalt",
-            leftIcon: /* @__PURE__ */ jsx(Icon, { iconName: "UnionIcon16px" }),
-            onClick: onOpen,
-            disabled: isDisabled,
+            leftIcon: /* @__PURE__ */ a(C, { iconName: "UnionIcon16px" }),
+            onClick: j,
+            disabled: s,
             children: "Выберите файлы"
           }
         ),
-        /* @__PURE__ */ jsx("b", { children: titleUploader }),
-        /* @__PURE__ */ jsxs("span", { className: cls["upload-text"], children: [
+        /* @__PURE__ */ a("b", { children: w }),
+        /* @__PURE__ */ o("span", { className: p["upload-text"], children: [
           "Максимальный размер одного файла – ",
-          maxSize,
+          r,
           " Мб",
-          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ a("br", {}),
           "Загрузить можно файлы следующих форматов: ",
-          filesType.join(", ")
+          n.join(", ")
         ] })
       ] })
     ] });
   }
 );
 export {
-  Uploader
+  G as Uploader
 };

package/dist/components/Uploader/constants.js

@@ -1,20 +1,18 @@
-const imageFileTypes = [
+const e = [
   "jpeg",
   "jpg",
   "png",
   "tiff",
   "gif",
   "heic"
-];
-const docsFileTypes = [
+], s = [
   "doc",
   "xls",
   "pdf",
   "docx",
   "txt",
   "xlsx"
-];
-const AllFileTypes = [
+], p = [
   "jpeg",
   "jpg",
   "png",
@@ -27,14 +25,13 @@ const AllFileTypes = [
   "docx",
   "txt",
   "xlsx"
-];
-const TypeFilesArray = {
-  images: imageFileTypes,
-  docs: docsFileTypes,
-  all: AllFileTypes
+], c = {
+  images: e,
+  docs: s,
+  all: p
 };
 export {
-  AllFileTypes,
-  TypeFilesArray,
-  imageFileTypes
+  p as AllFileTypes,
+  c as TypeFilesArray,
+  e as imageFileTypes
 };

package/dist/components/Uploader/index.js

@@ -1,6 +1,6 @@
-import { Uploader } from "./Uploader.js";
-import { imageFileTypes } from "./constants.js";
+import { Uploader as r } from "./Uploader.js";
+import { imageFileTypes as m } from "./constants.js";
 export {
-  Uploader,
-  imageFileTypes
+  r as Uploader,
+  m as imageFileTypes
 };

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -1,68 +1,60 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef, useState, useEffect } from "react";
-import { ListFiles } from "../ListFiles/ListFiles.js";
-import { Uploader } from "../Uploader/Uploader.js";
-import '../../assets/UploaderPhotos.css';const cls = {
+import { jsxs as N, jsx as m } from "react/jsx-runtime";
+import { c as _ } from "../../index-DIxK0V-G.js";
+import { forwardRef as b, useState as h, useEffect as D } from "react";
+import { ListFiles as I } from "../ListFiles/ListFiles.js";
+import { Uploader as R } from "../Uploader/Uploader.js";
+import '../../assets/UploaderPhotos.css';const c = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-};
-const UploaderFiles = forwardRef(
-  (props, ref) => {
-    const { filesType, arrayName, maxSize, onChange, value, maxFiles } = props;
-    const [files, setFiles] = useState(value || []);
-    const isMaxFilesReached = files.length >= maxFiles;
-    useEffect(() => {
-      if (value) {
-        setFiles(value);
-      }
-    }, [value]);
-    const onChangeValue = (e) => {
-      const newFiles = [
-        ...files,
-        ...e.value.map((el) => {
-          var _a, _b, _c;
+}, T = b(
+  (n, u) => {
+    const { filesType: x, arrayName: y, maxSize: F, onChange: a, value: i, maxFiles: o } = n, [t, r] = h(i || []), d = t.length >= o;
+    D(() => {
+      i && r(i);
+    }, [i]);
+    const v = (s) => {
+      const z = [
+        ...t,
+        ...s.value.map((e) => {
+          var p, l, f;
           return {
-            id: el.id,
+            id: e.id,
             url: "",
-            size: (_a = el == null ? void 0 : el.file) == null ? void 0 : _a.size,
-            name: (_b = el == null ? void 0 : el.file) == null ? void 0 : _b.name,
-            type: (_c = el == null ? void 0 : el.file) == null ? void 0 : _c.type
+            size: (p = e == null ? void 0 : e.file) == null ? void 0 : p.size,
+            name: (l = e == null ? void 0 : e.file) == null ? void 0 : l.name,
+            type: (f = e == null ? void 0 : e.file) == null ? void 0 : f.type
           };
         })
       ];
-      setFiles(newFiles);
-      onChange == null ? void 0 : onChange({ type: "add", data: e.value });
-    };
-    const onDelete = (j) => {
-      setFiles(j.list);
-      if (j.deleteId) onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
+      r(z), a == null || a({ type: "add", data: s.value });
+    }, w = (s) => {
+      r(s.list), s.deleteId && (a == null || a({ type: "delete", data: s.deleteId }));
     };
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ N(
       "div",
       {
-        className: classNames(
-          cls["upload-file-wrapper"],
-          isMaxFilesReached && cls.disabled
+        className: _(
+          c["upload-file-wrapper"],
+          d && c.disabled
         ),
         children: [
-          /* @__PURE__ */ jsx(
-            Uploader,
+          /* @__PURE__ */ m(
+            R,
             {
-              filesType,
-              arrayName,
-              maxSize,
-              onChangeValue,
-              ref,
-              maxFiles,
-              isDisabled: isMaxFilesReached
+              filesType: x,
+              arrayName: y,
+              maxSize: F,
+              onChangeValue: v,
+              ref: u,
+              maxFiles: o,
+              isDisabled: d
             }
           ),
-          /* @__PURE__ */ jsx(ListFiles, { value: files, onChange: onDelete })
+          /* @__PURE__ */ m(I, { value: t, onChange: w })
         ]
       }
     );
   }
 );
 export {
-  UploaderFiles
+  T as UploaderFiles
 };

package/dist/components/UploaderFiles/index.js

@@ -1,4 +1,4 @@
-import { UploaderFiles } from "./UploaderFiles.js";
+import { UploaderFiles as r } from "./UploaderFiles.js";
 export {
-  UploaderFiles
+  r as UploaderFiles
 };