mimir-ui-kit 1.62.0 → 1.64.0

package/dist/components/UniversalUploader/UniversalUploader.js

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

package/dist/components/UniversalUploader/types.d.ts

@@ -1,3 +1,4 @@
+import { TDataTestIdReactMap } from '../../types';
 import { EFileItemVariant } from '../ListFiles';
 import { TFilesDetail } from '../ListFiles/ListFiles';
 import { TPhotosDetail } from '../ListPhotos/ListPhotos';
@@ -8,6 +9,10 @@ export type TUniversalUploader = Omit<TUploader, 'onChangeValue'> & {
     onChange: (j: TOnChangeUpdate) => void;
     value?: TFilesDetail[] | TPhotosDetail[];
     variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'uploader' | 'listFiles' | 'listPhotos'>;
     /**
      * Callback функция для загрузки изображения
      * Принимает src в качестве аргумента и возвращает Promise с URL изображения

package/dist/components/Uploader/Uploader.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { imageTypesArr } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 import { EButtonSize } from '../Button';
 import { TButtonDefaultFormProps } from '../Button/types';
 
@@ -8,7 +8,7 @@ export type TUploader = {
      * Массив разрешенных типов файлов для настройки валидации
      * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx'
      */
-    filesType: imageTypesArr[];
+    filesType: string[];
     /**
      * Наименование передаваемого массива файлов
      */
@@ -65,6 +65,11 @@ export type TUploader = {
      * Проп для обработки ошибки при загрузке файла неразрешенного типа
      */
     onInvalidFileType?: (fileName: string) => void;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'input' | 'label' | 'button' | 'buttonIcon' | 'title' | 'description'>;
+    accept?: Record<string, string>;
 };
 export type TUploadValue = {
     value: TFileItem[];

package/dist/components/Uploader/Uploader.js

@@ -1,13 +1,13 @@
-import { jsxs as o, jsx as n, Fragment as B } from "react/jsx-runtime";
-import { forwardRef as R, useRef as M, useId as k } from "react";
-import { Icon as D } from "../../icons/Icon.js";
-import { Button as G } from "../Button/Button.js";
-import { EButtonVariantDefault as O } from "../Button/constants.js";
-import '../../assets/Uploader.css';const c = {
+import { jsxs as r, jsx as l, Fragment as L } from "react/jsx-runtime";
+import { forwardRef as G, useRef as O, useId as I } from "react";
+import { Icon as P } from "../../icons/Icon.js";
+import { Button as X } from "../Button/Button.js";
+import { EButtonVariantDefault as Y } from "../Button/constants.js";
+import '../../assets/Uploader.css';const m = {
   "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
   "upload-text": "_upload-text_bplvw_25",
   "upload-file-input": "_upload-file-input_bplvw_35"
-}, y = {
+}, $ = {
   jpeg: "image/jpeg",
   jpg: "image/jpg",
   png: "image/png",
@@ -21,96 +21,127 @@ import '../../assets/Uploader.css';const c = {
   xls: "application/excel",
   txt: "text/plain",
   xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-}, L = [
-  "jpeg",
-  "jpg",
-  "png",
-  "tiff",
-  "gif",
-  "heic"
-], X = () => {
-  let i = 0;
-  return () => (i = (i + 1) % Number.MAX_SAFE_INTEGER, i);
-}, q = X(), W = R(
-  (i, v) => {
+}, q = ["jpeg", "jpg", "png", "tiff", "gif", "heic"], H = () => {
+  let n = 0;
+  return () => (n = (n + 1) % Number.MAX_SAFE_INTEGER, n);
+}, J = H(), R = G(
+  (n, v) => {
     const {
-      filesType: l = L,
-      onChangeValue: _,
+      filesType: a = q,
+      onChangeValue: y,
       arrayName: j,
-      maxSize: d = 15,
+      maxSize: u = 15,
       maxFiles: p,
       isDisabled: f,
-      titleUploader: m = "Или перетащите сюда",
-      buttonText: I = "Выберите файлы",
-      showOnlyUploadButton: N = !1,
-      uploadButtonVariant: T = O.SecondaryAsphalt,
-      buttonSize: z = "m",
-      buttonClassName: S,
-      onMaxFilesExceeded: r,
-      onMaxSizeExceeded: u,
-      onInvalidFileType: g
-    } = i, x = M(null), h = k(), C = (e) => {
-      var a;
-      return e.type ? e.type : ((a = e.name.split(".").pop()) == null ? void 0 : a.toLowerCase()) === "heic" ? "image/heic" : "";
-    }, E = (e) => {
-      var s;
-      if (e.target.files && e.target.files[0]) {
-        const a = Array.from(e.target.files);
-        p && a.length > p && (r == null || r());
-        const U = a.filter((t) => {
-          const V = C(t), b = l.map((A) => y[A]).includes(V), w = t.size / 1024 ** 2 <= d;
-          return !b && g && g(t.name), !w && u && u(t.name), b && w;
-        }).slice(0, p).map((t) => ({ file: t, id: q() }));
-        _({ arrayName: j, value: U }), (s = e.target) != null && s.value && (e.target.value = "");
+      titleUploader: d = "Или перетащите сюда",
+      buttonText: N = "Выберите файлы",
+      showOnlyUploadButton: E = !1,
+      uploadButtonVariant: S = Y.SecondaryAsphalt,
+      buttonSize: F = "m",
+      buttonClassName: z,
+      onMaxFilesExceeded: s,
+      onMaxSizeExceeded: g,
+      onInvalidFileType: x,
+      dataTestIdReactMap: e,
+      accept: U = $
+    } = n, b = O(null), h = I(), A = (i) => {
+      var o;
+      if (i.type) return i.type;
+      switch ((o = i.name.split(".").pop()) == null ? void 0 : o.toLowerCase()) {
+        case "heic":
+          return "image/heic";
+        case "msg":
+          return "application/vnd.ms-outlook";
+        default:
+          return "";
       }
-    }, F = () => {
-      var e;
-      (e = x.current) == null || e.click();
+    }, B = (i) => {
+      var c;
+      if (i.target.files && i.target.files[0]) {
+        const o = Array.from(i.target.files);
+        p && o.length > p && (s == null || s());
+        const V = o.filter((t) => {
+          const k = A(t), w = a.map((D) => U[D]).includes(k), _ = t.size / 1024 ** 2 <= u;
+          return !w && x && x(t.name), !_ && g && g(t.name), w && _;
+        }).slice(0, p).map((t) => ({ file: t, id: J() }));
+        y({ arrayName: j, value: V }), (c = i.target) != null && c.value && (i.target.value = "");
+      }
+    }, C = () => {
+      var i;
+      (i = b.current) == null || i.click();
     };
-    return /* @__PURE__ */ o("div", { className: c["upload-file-wrapper"], ref: v, children: [
-      /* @__PURE__ */ n(
-        "input",
-        {
-          type: "file",
-          className: c["upload-file-input"],
-          "aria-label": "Upload",
-          name: "image[]",
-          multiple: !0,
-          onChange: E,
-          title: "",
-          id: h,
-          accept: l.map((e) => y[e]).join(),
-          disabled: f
-        }
-      ),
-      /* @__PURE__ */ o("label", { htmlFor: h, ref: x, children: [
-        /* @__PURE__ */ n(
-          G,
-          {
-            size: z,
-            variant: T,
-            leftIcon: /* @__PURE__ */ n(D, { iconName: "UnionIcon16px" }),
-            onClick: F,
-            disabled: f,
-            className: S,
-            children: I
-          }
-        ),
-        !N && /* @__PURE__ */ o(B, { children: [
-          m && /* @__PURE__ */ n("b", { children: m }),
-          /* @__PURE__ */ o("span", { className: c["upload-text"], children: [
-            "Максимальный размер одного файла – ",
-            d,
-            " Мб",
-            /* @__PURE__ */ n("br", {}),
-            "Загрузить можно файлы следующих форматов: ",
-            l.join(", ")
-          ] })
-        ] })
-      ] })
-    ] });
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        "data-testid-react": e == null ? void 0 : e.wrapper,
+        className: m["upload-file-wrapper"],
+        ref: v,
+        children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              "data-testid-react": e == null ? void 0 : e.input,
+              type: "file",
+              className: m["upload-file-input"],
+              "aria-label": "Upload",
+              name: "image[]",
+              multiple: !0,
+              onChange: B,
+              title: "",
+              id: h,
+              accept: a.map((i) => `.${i}`).join(", "),
+              disabled: f
+            }
+          ),
+          /* @__PURE__ */ r(
+            "label",
+            {
+              "data-testid-react": e == null ? void 0 : e.label,
+              htmlFor: h,
+              ref: b,
+              children: [
+                /* @__PURE__ */ l(
+                  X,
+                  {
+                    dataTestIdReactMap: {
+                      button: e == null ? void 0 : e.button,
+                      isIconButton: e == null ? void 0 : e.buttonIcon
+                    },
+                    size: F,
+                    variant: S,
+                    leftIcon: /* @__PURE__ */ l(P, { iconName: "UnionIcon16px" }),
+                    onClick: C,
+                    disabled: f,
+                    className: z,
+                    children: N
+                  }
+                ),
+                !E && /* @__PURE__ */ r(L, { children: [
+                  d && /* @__PURE__ */ l("b", { "data-testid-react": e == null ? void 0 : e.title, children: d }),
+                  /* @__PURE__ */ r(
+                    "span",
+                    {
+                      "data-testid-react": e == null ? void 0 : e.description,
+                      className: m["upload-text"],
+                      children: [
+                        "Максимальный размер одного файла – ",
+                        u,
+                        " Мб",
+                        /* @__PURE__ */ l("br", {}),
+                        "Загрузить можно файлы следующих форматов: ",
+                        a.join(", ")
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
   }
 );
 export {
-  W as Uploader
+  R as Uploader
 };