mimir-ui-kit 1.61.1 → 1.63.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 { jsxs as F, jsx as n, 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 { imageTypes as g } from "./constants.js";
 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 w = {
   "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) => {
+}, c = (r) => "file" in r && r.file instanceof File ? g.includes(r.file.type) : "type" in r && typeof r.type == "string" ? g.includes(r.type) : !1, le = G(
+  (r, x) => {
     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: z,
+      arrayName: P,
+      maxSize: U,
+      onChange: o,
+      value: p,
+      maxFiles: d,
+      titleUploader: b,
+      buttonText: D = "Выберите файлы",
+      showOnlyUploadButton: h = !1,
+      uploadButtonVariant: E = Q.SecondaryAsphalt,
+      buttonSize: S = "m",
+      buttonClassName: V,
+      variantListFiles: L = X.white,
+      onMaxFilesExceeded: N,
+      onMaxSizeExceeded: B,
+      onInvalidFileType: _,
+      loadImage: j,
+      isDownloadingImage: A,
+      dataTestIdReactMap: i
+    } = r, [a, m] = H(
+      p || []
+    ), y = !!d && a.length >= d;
+    J(() => {
+      p && m(p);
+    }, [p]);
+    const C = (t) => {
+      const l = t.value.map((e) => c(e.file) ? new Promise((f) => {
+        const u = new FileReader();
+        u.onload = () => {
+          f({
             id: e.id,
-            url: m.result,
+            url: u.result,
             type: e.file.type,
             name: e.file.name,
             size: e.file.size
           });
-        }, m.readAsDataURL(e.file);
+        }, u.readAsDataURL(e.file);
       }) : Promise.resolve({
         id: e.id,
         url: "",
@@ -57,63 +58,65 @@ import '../../assets/UploaderPhotos.css';const v = {
         name: e.file.name,
         type: e.file.type
       }));
-      Promise.all(o).then((e) => {
-        p((d) => [...d, ...e]), s == null || s({ type: "add", data: t.value });
+      Promise.all(l).then((e) => {
+        m((f) => [...f, ...e]), o == null || o({ type: "add", data: t.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]);
+    }, v = (t) => {
+      m((l) => l.filter((e) => e.id !== t)), o == null || o({ type: "delete", data: t });
+    }, { photos: I, files: O } = K(() => {
+      const t = () => a.filter((e) => !c(e)), l = () => a.filter(c);
+      return s === "all" ? { files: t(), photos: l() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: l() } : { files: [], photos: [] };
+    }, [a, s]);
     return /* @__PURE__ */ F(
       "div",
       {
         "data-testid": "universal-uploader",
-        className: A(
-          v["upload-file-wrapper"],
-          h && v.disabled
+        "data-testid-react": i == null ? void 0 : i.wrapper,
+        className: q(
+          w["upload-file-wrapper"],
+          y && w.disabled
         ),
         children: [
-          /* @__PURE__ */ f(
-            Q,
+          /* @__PURE__ */ n(
+            Z,
             {
-              filesType: w,
-              arrayName: I,
-              maxSize: z,
-              onChangeValue: T,
+              dataTestIdReactMap: { wrapper: i == null ? void 0 : i.uploader },
+              filesType: z,
+              arrayName: P,
+              maxSize: U,
+              onChangeValue: C,
               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
+              maxFiles: d && d - a.length,
+              isDisabled: y,
+              titleUploader: b,
+              showOnlyUploadButton: h,
+              buttonText: D,
+              uploadButtonVariant: E,
+              buttonSize: S,
+              buttonClassName: V,
+              onMaxFilesExceeded: N,
+              onMaxSizeExceeded: B,
+              onInvalidFileType: _
             }
           ),
-          !c && /* @__PURE__ */ F(j, { children: [
-            (a === "files" || a === "all") && /* @__PURE__ */ f(
-              H,
+          !h && /* @__PURE__ */ F(k, { children: [
+            (s === "files" || s === "all") && /* @__PURE__ */ n("div", { "data-testid-react": i == null ? void 0 : i.listFiles, children: /* @__PURE__ */ n(
+              W,
               {
-                value: _,
-                onChange: (t) => y(t.deleteId),
-                variant: S
+                value: O,
+                onChange: (t) => v(t.deleteId),
+                variant: L
               }
-            ),
-            (a === "photos" || a === "all") && /* @__PURE__ */ f(
-              K,
+            ) }),
+            (s === "photos" || s === "all") && /* @__PURE__ */ n("div", { "data-testid-react": i == null ? void 0 : i.listPhotos, children: /* @__PURE__ */ n(
+              Y,
               {
-                value: B,
-                onChange: (t) => y(t.deleteId),
-                loadImage: N,
-                isDownloadingImage: R
+                value: I,
+                onChange: (t) => v(t.deleteId),
+                loadImage: j,
+                isDownloadingImage: A
               }
-            )
+            ) })
           ] })
         ]
       }
@@ -121,5 +124,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,6 @@
 import { default as React } from 'react';
 import { imageTypesArr } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 import { EButtonSize } from '../Button';
 import { TButtonDefaultFormProps } from '../Button/types';
 
@@ -65,6 +66,10 @@ export type TUploader = {
      * Проп для обработки ошибки при загрузке файла неразрешенного типа
      */
     onInvalidFileType?: (fileName: string) => void;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'input' | 'label' | 'button' | 'buttonIcon' | 'title' | 'description'>;
 };
 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 G } from "react/jsx-runtime";
+import { forwardRef as O, useRef as L, useId as X } from "react";
+import { Icon as q } from "../../icons/Icon.js";
+import { Button as H } from "../Button/Button.js";
+import { EButtonVariantDefault as I } from "../Button/constants.js";
+import '../../assets/Uploader.css';const f = {
   "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
   "upload-text": "_upload-text_bplvw_25",
   "upload-file-input": "_upload-file-input_bplvw_35"
-}, y = {
+}, v = {
   jpeg: "image/jpeg",
   jpg: "image/jpg",
   png: "image/png",
@@ -21,96 +21,125 @@ import '../../assets/Uploader.css';const c = {
   xls: "application/excel",
   txt: "text/plain",
   xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-}, L = [
+}, J = [
   "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) => {
+], K = () => {
+  let n = 0;
+  return () => (n = (n + 1) % Number.MAX_SAFE_INTEGER, n);
+}, P = K(), T = O(
+  (n, _) => {
     const {
-      filesType: l = L,
-      onChangeValue: _,
-      arrayName: j,
-      maxSize: d = 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 = "");
+      filesType: p = J,
+      onChangeValue: j,
+      arrayName: N,
+      maxSize: m = 15,
+      maxFiles: a,
+      isDisabled: u,
+      titleUploader: d = "Или перетащите сюда",
+      buttonText: z = "Выберите файлы",
+      showOnlyUploadButton: S = !1,
+      uploadButtonVariant: B = I.SecondaryAsphalt,
+      buttonSize: C = "m",
+      buttonClassName: E,
+      onMaxFilesExceeded: s,
+      onMaxSizeExceeded: g,
+      onInvalidFileType: x,
+      dataTestIdReactMap: e
+    } = n, b = L(null), h = X(), F = (i) => {
+      var o;
+      return i.type ? i.type : ((o = i.name.split(".").pop()) == null ? void 0 : o.toLowerCase()) === "heic" ? "image/heic" : "";
+    }, U = (i) => {
+      var c;
+      if (i.target.files && i.target.files[0]) {
+        const o = Array.from(i.target.files);
+        a && o.length > a && (s == null || s());
+        const A = o.filter((t) => {
+          const k = F(t), w = p.map((D) => v[D]).includes(k), y = t.size / 1024 ** 2 <= m;
+          return !w && x && x(t.name), !y && g && g(t.name), w && y;
+        }).slice(0, a).map((t) => ({ file: t, id: P() }));
+        j({ arrayName: N, value: A }), (c = i.target) != null && c.value && (i.target.value = "");
       }
-    }, F = () => {
-      var e;
-      (e = x.current) == null || e.click();
+    }, V = () => {
+      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: f["upload-file-wrapper"],
+        ref: _,
+        children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              "data-testid-react": e == null ? void 0 : e.input,
+              type: "file",
+              className: f["upload-file-input"],
+              "aria-label": "Upload",
+              name: "image[]",
+              multiple: !0,
+              onChange: U,
+              title: "",
+              id: h,
+              accept: p.map((i) => v[i]).join(),
+              disabled: u
+            }
+          ),
+          /* @__PURE__ */ r(
+            "label",
+            {
+              "data-testid-react": e == null ? void 0 : e.label,
+              htmlFor: h,
+              ref: b,
+              children: [
+                /* @__PURE__ */ l(
+                  H,
+                  {
+                    dataTestIdReactMap: {
+                      button: e == null ? void 0 : e.button,
+                      isIconButton: e == null ? void 0 : e.buttonIcon
+                    },
+                    size: C,
+                    variant: B,
+                    leftIcon: /* @__PURE__ */ l(q, { iconName: "UnionIcon16px" }),
+                    onClick: V,
+                    disabled: u,
+                    className: E,
+                    children: z
+                  }
+                ),
+                !S && /* @__PURE__ */ r(G, { 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: f["upload-text"],
+                      children: [
+                        "Максимальный размер одного файла – ",
+                        m,
+                        " Мб",
+                        /* @__PURE__ */ l("br", {}),
+                        "Загрузить можно файлы следующих форматов: ",
+                        p.join(", ")
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
   }
 );
 export {
-  W as Uploader
+  T as Uploader
 };