mimir-ui-kit 1.36.14 → 1.36.15

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 T, useMemo as V } from "react";
+import { forwardRef as D, useState as T, useEffect as V, useMemo as _ } from "react";
 import { imageTypes as h } from "./constants.js";
 import "../Button/Button.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 { EButtonVariantDefault as E } from "../Button/constants.js";
+import { ListFiles as M } from "../ListFiles/ListFiles.js";
+import { ListPhotos as O } from "../ListPhotos/ListPhotos.js";
+import { Uploader as P } 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, Q = 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, W = D(
   (i, v) => {
     const {
       type: s,
@@ -19,18 +19,19 @@ import '../../assets/UploaderPhotos.css';const g = {
       onChange: o,
       value: a,
       maxFiles: m,
-      titleUploader: w,
-      buttonText: z = "Выберите файлы",
+      titleUploader: b,
+      buttonText: w = "Выберите файлы",
       showOnlyUploadButton: u = !1,
-      uploadButtonVariant: b = _.SecondaryAsphalt,
-      buttonSize: I = "m"
-    } = i, [l, n] = N(
+      uploadButtonVariant: z = E.SecondaryAsphalt,
+      buttonSize: I = "m",
+      buttonClassName: L
+    } = i, [l, n] = T(
       a || []
     ), d = l.length >= m;
-    T(() => {
+    V(() => {
       a && n(a);
     }, [a]);
-    const L = (t) => {
+    const N = (t) => {
       const r = t.value.map((e) => f(e.file) ? {
         id: e.id,
         url: URL.createObjectURL(e.file),
@@ -47,7 +48,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: R, files: S } = V(() => {
+    }, { photos: R, files: S } = _(() => {
       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]);
@@ -60,32 +61,33 @@ import '../../assets/UploaderPhotos.css';const g = {
         ),
         children: [
           /* @__PURE__ */ p(
-            O,
+            P,
             {
               filesType: x,
               arrayName: F,
               maxSize: U,
-              onChangeValue: L,
+              onChangeValue: N,
               ref: v,
               maxFiles: m,
               isDisabled: d,
-              titleUploader: w,
+              titleUploader: b,
               showOnlyUploadButton: u,
-              buttonText: z,
-              uploadButtonVariant: b,
-              buttonSize: I
+              buttonText: w,
+              uploadButtonVariant: z,
+              buttonSize: I,
+              buttonClassName: L
             }
           ),
           !u && /* @__PURE__ */ y(j, { children: [
             (s === "files" || s === "all") && /* @__PURE__ */ p(
-              E,
+              M,
               {
                 value: S,
                 onChange: (t) => c(t.deleteId)
               }
             ),
             (s === "photos" || s === "all") && /* @__PURE__ */ p(
-              M,
+              O,
               {
                 value: R,
                 onChange: (t) => c(t.deleteId)
@@ -98,5 +100,5 @@ import '../../assets/UploaderPhotos.css';const g = {
   }
 );
 export {
-  Q as UniversalUploader
+  W as UniversalUploader
 };

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

@@ -49,6 +49,10 @@ export type TUploader = {
      * Размер кнопки загрузки файла
      */
     buttonSize?: EButtonSize | `${EButtonSize}`;
+    /**
+     * Класс для кнопки
+     */
+    buttonClassName?: string;
 };
 export type TUploadValue = {
     value: TFileItem[];

package/dist/components/Uploader/Uploader.js

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

package/package.json

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