mimir-ui-kit 1.34.6 → 1.34.8

package/dist/components/Uploader/Uploader.js

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

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

@@ -30,6 +30,10 @@ export type TUploaderFiles = {
      * Максимальное количество файлов.
      */
     maxFiles: number;
+    /**
+    * Текст внутри кнопки загрузки файла
+    */
+    buttonText?: string;
 };
 export type TOnChangeFilesUpdate = {
     type: string;

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -1,19 +1,19 @@
 import { jsxs as N, jsx as m } from "react/jsx-runtime";
 import { c as _ } from "../../index-DIxK0V-G.js";
-import { forwardRef as b, useState as h, useEffect as D } from "react";
-import { ListFiles as I } from "../ListFiles/ListFiles.js";
-import { Uploader as R } from "../Uploader/Uploader.js";
+import { forwardRef as h, useState as D, useEffect as I } from "react";
+import { ListFiles as R } from "../ListFiles/ListFiles.js";
+import { Uploader as S } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const c = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, T = b(
+}, V = h(
   (n, u) => {
-    const { filesType: x, arrayName: y, maxSize: F, onChange: a, value: i, maxFiles: o } = n, [t, r] = h(i || []), d = t.length >= o;
-    D(() => {
-      i && r(i);
-    }, [i]);
-    const v = (s) => {
+    const { filesType: x, arrayName: y, maxSize: F, onChange: a, value: t, maxFiles: o, buttonText: v } = n, [i, r] = D(t || []), d = i.length >= o;
+    I(() => {
+      t && r(t);
+    }, [t]);
+    const w = (s) => {
       const z = [
-        ...t,
+        ...i,
         ...s.value.map((e) => {
           var p, l, f;
           return {
@@ -26,7 +26,7 @@ import '../../assets/UploaderPhotos.css';const c = {
         })
       ];
       r(z), a == null || a({ type: "add", data: s.value });
-    }, w = (s) => {
+    }, b = (s) => {
       r(s.list), s.deleteId && (a == null || a({ type: "delete", data: s.deleteId }));
     };
     return /* @__PURE__ */ N(
@@ -38,23 +38,24 @@ import '../../assets/UploaderPhotos.css';const c = {
         ),
         children: [
           /* @__PURE__ */ m(
-            R,
+            S,
             {
               filesType: x,
               arrayName: y,
               maxSize: F,
-              onChangeValue: v,
+              onChangeValue: w,
               ref: u,
               maxFiles: o,
-              isDisabled: d
+              isDisabled: d,
+              buttonText: v
             }
           ),
-          /* @__PURE__ */ m(I, { value: t, onChange: w })
+          /* @__PURE__ */ m(R, { value: i, onChange: b })
         ]
       }
     );
   }
 );
 export {
-  T as UploaderFiles
+  V as UploaderFiles
 };

package/dist/components/UploaderPhotos/UploaderPhotos.d.ts

@@ -34,6 +34,7 @@ export type TUploaderPhotos = {
      * Тайтл загрузки файлов
      */
     titleUploader?: string;
+    buttonText?: string;
 };
 export type TOnChangePhotosUpdate = {
     type: string;

package/dist/components/UploaderPhotos/UploaderPhotos.js

@@ -1,8 +1,8 @@
-import { jsxs as U, jsx as d } from "react/jsx-runtime";
+import { jsxs as b, jsx as d } from "react/jsx-runtime";
 import { c as y } from "../../index-DIxK0V-G.js";
-import { forwardRef as P, useState as R, useEffect as b } from "react";
-import { ListPhotos as L } from "../ListPhotos/ListPhotos.js";
-import { Uploader as N } from "../Uploader/Uploader.js";
+import { forwardRef as P, useState as R, useEffect as L } from "react";
+import { ListPhotos as N } from "../ListPhotos/ListPhotos.js";
+import { Uploader as _ } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const p = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
 }, g = P(
@@ -14,24 +14,25 @@ import '../../assets/UploaderPhotos.css';const p = {
       onChange: e,
       value: a,
       maxFiles: l,
-      titleUploader: h
+      titleUploader: h,
+      buttonText: x = "Выберите файлы"
     } = c, [o, s] = R(a || []), r = o.length >= l;
-    b(() => {
+    L(() => {
       a && s(a);
     }, [a]);
-    const x = (t) => {
-      const w = [
+    const v = (t) => {
+      const U = [
         ...o,
         ...t.value.map((i) => ({
           url: URL.createObjectURL(i.file),
           id: i.id
         }))
       ];
-      s(w), e == null || e({ type: "add", data: t.value });
-    }, v = (t) => {
+      s(U), e == null || e({ type: "add", data: t.value });
+    }, w = (t) => {
       s(t.list), t.deleteId && (e == null || e({ type: "delete", data: t.deleteId }));
     };
-    return /* @__PURE__ */ U(
+    return /* @__PURE__ */ b(
       "div",
       {
         className: y(
@@ -40,19 +41,20 @@ import '../../assets/UploaderPhotos.css';const p = {
         ),
         children: [
           /* @__PURE__ */ d(
-            N,
+            _,
             {
               filesType: m,
               arrayName: n,
               maxSize: u,
-              onChangeValue: x,
+              onChangeValue: v,
               ref: f,
               maxFiles: l,
               isDisabled: r,
-              titleUploader: h
+              titleUploader: h,
+              buttonText: x
             }
           ),
-          !!o.length && /* @__PURE__ */ d(L, { value: o, onChange: v })
+          !!o.length && /* @__PURE__ */ d(N, { value: o, onChange: w })
         ]
       }
     );

package/package.json

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