mimir-ui-kit 1.38.33 → 1.38.35

package/dist/components/MergedButton/MergedButton.d.ts

@@ -3,6 +3,7 @@ import { TButtonProps } from '../Button';
 
 export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' | 'form'> & {
     variant?: `${EMergedButtonVariantRound}` | EMergedButtonVariantRound;
+    'data-testid'?: string;
 };
 type TProps = {
     /**

package/dist/components/Pagination/Pagination.js

@@ -2,10 +2,10 @@ import { jsxs as P, jsx as i } from "react/jsx-runtime";
 import { c as C } from "../../index-DIxK0V-G.js";
 import { forwardRef as N, useState as w, useEffect as v } from "react";
 import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as A } from "./constants.js";
-import { useWindowSize as E } from "../../hooks/useWindowSize/index.js";
+import { useWindowSize as x } from "../../hooks/useWindowSize/index.js";
 import { MergedButton as h } from "../MergedButton/MergedButton.js";
-import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellipsis_grwbf_42", g = {
-  container: x,
+import '../../assets/Pagination.css';const E = "_container_grwbf_3", j = "_ellipsis_grwbf_42", b = {
+  container: E,
   "pagination-button": "_pagination-button_grwbf_18",
   "is-active": "_is-active_grwbf_39",
   ellipsis: j
@@ -20,7 +20,8 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
           t !== u && (o(t - 1), n(t - 1));
         },
         iconName: "ArrowLeft16px",
-        disabled: t === u
+        disabled: t === u,
+        "data-testid": "back-button"
       }
     ]
   }
@@ -28,9 +29,9 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
   currentPageNumber: t,
   lastPageNumber: n,
   onClick: o,
-  setCurrentPage: s
+  setCurrentPage: a
 }) => {
-  const a = t >= n;
+  const s = t >= n;
   return /* @__PURE__ */ i(
     h,
     {
@@ -39,10 +40,11 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
           isIconButton: !0,
           variant: "white",
           onClick: () => {
-            a || (s(t + 1), o(t + 1));
+            s || (a(t + 1), o(t + 1));
           },
-          disabled: a,
-          iconName: "ArrowRight16px"
+          disabled: s,
+          iconName: "ArrowRight16px",
+          "data-testid": "next-button"
         }
       ]
     }
@@ -54,26 +56,27 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
       {
         children: "...",
         variant: "transparent",
-        className: C(g["pagination-button"], g.ellipsis)
+        className: C(b["pagination-button"], b.ellipsis)
       }
     ]
   }
-), b = ({
+), g = ({
   currentPageNumber: t,
   newPageNumber: n,
   onClick: o,
-  setCurrentPage: s
+  setCurrentPage: a
 }) => {
-  const a = t === n, r = () => {
-    s(n), o(n);
+  const s = t === n, r = () => {
+    a(n), o(n);
   }, e = n < 10 ? `0${n}` : n;
   return /* @__PURE__ */ i(
     "button",
     {
+      "data-testid": `pagination-button-${e}`,
       type: "button",
       onClick: r,
-      className: C(g["pagination-button"], {
-        [g["is-active"]]: a
+      className: C(b["pagination-button"], {
+        [b["is-active"]]: s
       }),
       children: e
     }
@@ -82,19 +85,19 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
   start: t,
   end: n,
   currentPageNumber: o,
-  onClick: s,
-  setCurrentPage: a
+  onClick: a,
+  setCurrentPage: s
 }) => {
   const r = [];
   for (let e = t; e <= n; e++)
     r.push(
       /* @__PURE__ */ i(
-        b,
+        g,
         {
           currentPageNumber: o,
-          setCurrentPage: a,
+          setCurrentPage: s,
           newPageNumber: e,
-          onClick: s
+          onClick: a
         },
         e
       )
@@ -104,22 +107,22 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
   (t, n) => {
     const {
       rootClassName: o,
-      total: s,
-      perPage: a = A,
+      total: a,
+      perPage: s = A,
       currentPageNumber: r = u,
       onChange: e
-    } = t, [c, m] = w(r), l = Math.ceil(s / a), { width: k } = E(), f = k <= 650 ? 2 : 4;
-    let d = 0, p = 0;
+    } = t, [c, d] = w(r), l = Math.ceil(a / s), { width: k } = x(), m = k <= 650 ? 2 : 4;
+    let f = 0, p = 0;
     return v(() => {
-      m(r);
-    }, [r]), c <= f ? (d = u, p = Math.min(
-      u + f,
+      d(r);
+    }, [r]), c <= m ? (f = u, p = Math.min(
+      u + m,
       l
-    )) : c > l - f ? (d = l - f, p = l) : (d = c - f / 2, p = c + f / 2), s <= a ? null : /* @__PURE__ */ P(
+    )) : c > l - m ? (f = l - m, p = l) : (f = c - m / 2, p = c + m / 2), a <= s ? null : /* @__PURE__ */ P(
       "nav",
       {
         "aria-label": "Постраничная навигация",
-        className: C(g.container, o),
+        className: C(b.container, o),
         ref: n,
         children: [
           /* @__PURE__ */ i(
@@ -127,33 +130,33 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
             {
               currentPageNumber: c,
               onClick: e,
-              setCurrentPage: m
+              setCurrentPage: d
             }
           ),
-          d > u && /* @__PURE__ */ i(
-            b,
+          f > u && /* @__PURE__ */ i(
+            g,
             {
               newPageNumber: u,
               currentPageNumber: c,
               onClick: e,
-              setCurrentPage: m
+              setCurrentPage: d
             }
           ),
-          d > u + 1 && /* @__PURE__ */ i(_, {}),
+          f > u + 1 && /* @__PURE__ */ i(_, {}),
           R({
-            start: d,
+            start: f,
             end: p,
             currentPageNumber: c,
-            setCurrentPage: m,
+            setCurrentPage: d,
             onClick: e
           }),
           p < l - 1 && /* @__PURE__ */ i(_, {}),
           p < l && /* @__PURE__ */ i(
-            b,
+            g,
             {
               newPageNumber: l,
               currentPageNumber: c,
-              setCurrentPage: m,
+              setCurrentPage: d,
               onClick: e
             }
           ),
@@ -161,7 +164,7 @@ import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellip
             I,
             {
               currentPageNumber: c,
-              setCurrentPage: m,
+              setCurrentPage: d,
               lastPageNumber: l,
               onClick: e
             }

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,4 +1,4 @@
-import { jsxs as h, jsx as p, Fragment as j } from "react/jsx-runtime";
+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";
@@ -10,7 +10,7 @@ import { ListPhotos as q } from "../ListPhotos/ListPhotos.js";
 import { Uploader as G } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const x = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, f = (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(
+}, 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) => {
     const {
       type: a,
@@ -19,7 +19,7 @@ import '../../assets/UploaderPhotos.css';const x = {
       maxSize: w,
       onChange: s,
       value: r,
-      maxFiles: d,
+      maxFiles: n,
       titleUploader: z,
       buttonText: U = "Выберите файлы",
       showOnlyUploadButton: m = !1,
@@ -30,14 +30,14 @@ import '../../assets/UploaderPhotos.css';const x = {
       onMaxFilesExceeded: S,
       onMaxSizeExceeded: V,
       onInvalidFileType: M
-    } = i, [l, n] = _(
+    } = i, [l, p] = _(
       r || []
-    ), u = l.length >= d;
+    ), u = !!n && l.length >= n;
     C(() => {
-      r && n(r);
+      r && p(r);
     }, [r]);
     const N = (t) => {
-      const o = t.value.map((e) => f(e.file) ? {
+      const o = t.value.map((e) => d(e.file) ? {
         id: e.id,
         url: URL.createObjectURL(e.file),
         type: e.file.type,
@@ -50,11 +50,11 @@ import '../../assets/UploaderPhotos.css';const x = {
         name: e.file.name,
         type: e.file.type
       });
-      n((e) => [...e, ...o]), s == null || s({ type: "add", data: t.value });
+      p((e) => [...e, ...o]), s == null || s({ type: "add", data: t.value });
     }, c = (t) => {
-      n((o) => o.filter((e) => e.id !== t)), s == null || s({ type: "delete", data: t });
+      p((o) => o.filter((e) => e.id !== t)), s == null || s({ type: "delete", data: t });
     }, { photos: R, files: T } = O(() => {
-      const t = () => l.filter((e) => !f(e)), o = () => l.filter(f);
+      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(
@@ -66,7 +66,7 @@ import '../../assets/UploaderPhotos.css';const x = {
           u && x.disabled
         ),
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ f(
             G,
             {
               filesType: v,
@@ -74,7 +74,7 @@ import '../../assets/UploaderPhotos.css';const x = {
               maxSize: w,
               onChangeValue: N,
               ref: F,
-              maxFiles: d - l.length,
+              maxFiles: n && n - l.length,
               isDisabled: u,
               titleUploader: z,
               showOnlyUploadButton: m,
@@ -88,7 +88,7 @@ import '../../assets/UploaderPhotos.css';const x = {
             }
           ),
           !m && /* @__PURE__ */ h(j, { children: [
-            (a === "files" || a === "all") && /* @__PURE__ */ p(
+            (a === "files" || a === "all") && /* @__PURE__ */ f(
               A,
               {
                 value: T,
@@ -96,7 +96,7 @@ import '../../assets/UploaderPhotos.css';const x = {
                 variant: L
               }
             ),
-            (a === "photos" || a === "all") && /* @__PURE__ */ p(
+            (a === "photos" || a === "all") && /* @__PURE__ */ f(
               q,
               {
                 value: R,

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

@@ -12,7 +12,7 @@ export type TUploader = {
     /**
      * Наименование передаваемого массива файлов
      */
-    arrayName: string;
+    arrayName?: string;
     /**
      * Функция - callback, которая вызывается при изменении значения и передает имя и новое значение
      */
@@ -20,11 +20,11 @@ export type TUploader = {
     /**
      * Максимальный размер файлов.
      */
-    maxSize: number;
+    maxSize?: number;
     /**
      * Максимальное количество файлов.
      */
-    maxFiles: number;
+    maxFiles?: number;
     /**
      * Выключен ли Uploader или нет
      */

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

@@ -1,3 +1,4 @@
 export { Uploader } from './Uploader';
 export type { TUploader, TFileItem, TUploadValue } from './Uploader';
 export { imageFileTypes } from './constants.ts';
+export type { imageTypesArr } from './constants.ts';

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

@@ -16,7 +16,7 @@ export type TUploaderFiles = {
     /**
      * Наименование передаваемого массива файлов
      */
-    arrayName: string;
+    arrayName?: string;
     /**
      * Блок взаимодействия
      */
@@ -24,7 +24,7 @@ export type TUploaderFiles = {
     /**
      * Максимальный размер файлов.
      */
-    maxSize: number;
+    maxSize?: number;
     /**
      * Функция обратного вызова, передает параметры type и data,
      * type 'add' в data передает массив файлов,
@@ -38,7 +38,7 @@ export type TUploaderFiles = {
     /**
      * Максимальное количество файлов.
      */
-    maxFiles: number;
+    maxFiles?: number;
     /**
      * Текст внутри кнопки загрузки файла
      */

package/dist/components/index.d.ts

@@ -39,7 +39,7 @@ export type { TUploaderPhotos, TOnChangePhotosUpdate } from './UploaderPhotos';
 export { UploaderFiles, EUploaderFilesVariant } from './UploaderFiles';
 export type { TUploaderFiles, TOnChangeFilesUpdate } from './UploaderFiles/types';
 export { Uploader } from './Uploader';
-export type { TUploadValue, TFileItem } from './Uploader';
+export type { TUploadValue, TFileItem, imageTypesArr } from './Uploader';
 export { ELinkSize, ELinkVariant, Link } from './AnchorLink';
 export { NotificationBadge } from './NotificationBadge';
 export type { TNotificationBadgeProps } from './NotificationBadge';

package/package.json

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