mimir-ui-kit 1.36.12 → 1.36.13

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,15 +1,15 @@
 import { jsxs as y, jsx as p, Fragment as j } from "react/jsx-runtime";
 import { c as B } from "../../index-DIxK0V-G.js";
-import { forwardRef as D, useState as N, useEffect as S, useMemo as T } from "react";
+import { forwardRef as D, useState as N, useEffect as T, useMemo as V } from "react";
 import { imageTypes as h } from "./constants.js";
 import "../Button/Button.js";
-import { EButtonVariantDefault as V } from "../Button/constants.js";
-import { ListFiles as _ } from "../ListFiles/ListFiles.js";
-import { ListPhotos as E } from "../ListPhotos/ListPhotos.js";
-import { Uploader as M } from "../Uploader/Uploader.js";
+import { EButtonVariantDefault as _ } from "../Button/constants.js";
+import { ListFiles as E } from "../ListFiles/ListFiles.js";
+import { ListPhotos as M } from "../ListPhotos/ListPhotos.js";
+import { Uploader as O } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const g = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, f = (i) => "file" in i && i.file instanceof File ? h.includes(i.file.type) : "type" in i && typeof i.type == "string" ? h.includes(i.type) : !1, K = D(
+}, f = (i) => "file" in i && i.file instanceof File ? h.includes(i.file.type) : "type" in i && typeof i.type == "string" ? h.includes(i.type) : !1, Q = D(
   (i, v) => {
     const {
       type: s,
@@ -22,14 +22,15 @@ import '../../assets/UploaderPhotos.css';const g = {
       titleUploader: w,
       buttonText: z = "Выберите файлы",
       showOnlyUploadButton: u = !1,
-      uploadButtonVariant: b = V.SecondaryAsphalt
+      uploadButtonVariant: b = _.SecondaryAsphalt,
+      buttonSize: I = "m"
     } = i, [l, n] = N(
       a || []
     ), d = l.length >= m;
-    S(() => {
+    T(() => {
       a && n(a);
     }, [a]);
-    const I = (t) => {
+    const L = (t) => {
       const r = t.value.map((e) => f(e.file) ? {
         id: e.id,
         url: URL.createObjectURL(e.file),
@@ -46,7 +47,7 @@ import '../../assets/UploaderPhotos.css';const g = {
       n((e) => [...e, ...r]), o == null || o({ type: "add", data: t.value });
     }, c = (t) => {
       n((r) => r.filter((e) => e.id !== t)), o == null || o({ type: "delete", data: t });
-    }, { photos: L, files: R } = T(() => {
+    }, { photos: R, files: S } = V(() => {
       const t = () => l.filter((e) => !f(e)), r = () => l.filter(f);
       return s === "all" ? { files: t(), photos: r() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: r() } : { files: [], photos: [] };
     }, [l, s]);
@@ -59,33 +60,34 @@ import '../../assets/UploaderPhotos.css';const g = {
         ),
         children: [
           /* @__PURE__ */ p(
-            M,
+            O,
             {
               filesType: x,
               arrayName: F,
               maxSize: U,
-              onChangeValue: I,
+              onChangeValue: L,
               ref: v,
               maxFiles: m,
               isDisabled: d,
               titleUploader: w,
               showOnlyUploadButton: u,
               buttonText: z,
-              uploadButtonVariant: b
+              uploadButtonVariant: b,
+              buttonSize: I
             }
           ),
           !u && /* @__PURE__ */ y(j, { children: [
             (s === "files" || s === "all") && /* @__PURE__ */ p(
-              _,
+              E,
               {
-                value: R,
+                value: S,
                 onChange: (t) => c(t.deleteId)
               }
             ),
             (s === "photos" || s === "all") && /* @__PURE__ */ p(
-              E,
+              M,
               {
-                value: L,
+                value: R,
                 onChange: (t) => c(t.deleteId)
               }
             )
@@ -96,5 +98,5 @@ import '../../assets/UploaderPhotos.css';const g = {
   }
 );
 export {
-  K as UniversalUploader
+  Q as UniversalUploader
 };

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

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { imageTypesArr } from './constants';
+import { EButtonSize } from '../Button';
 import { TButtonDefaultFormProps } from '../Button/types';
 
 export type TUploader = {
@@ -44,6 +45,10 @@ export type TUploader = {
      * Вариант кнопки загрузки файла
      */
     uploadButtonVariant?: TButtonDefaultFormProps['variant'];
+    /**
+     * Размер кнопки загрузки файла
+     */
+    buttonSize?: EButtonSize | `${EButtonSize}`;
 };
 export type TUploadValue = {
     value: TFileItem[];

package/dist/components/Uploader/Uploader.js

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

package/package.json

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