mimir-ui-kit 1.34.7 → 1.34.8

package/dist/assets/ListPhotos.css

@@ -1 +1 @@
-._list-photos_if5ro_2{display:flex;gap:var(--mimir-space-m);overflow-x:auto}._list-photos_if5ro_2::-webkit-scrollbar{display:none}._list-photos_if5ro_2 ._list-photos-item_if5ro_10{position:relative;flex-shrink:0;width:var(--mimir-space-4xxl);height:var(--mimir-space-4xxl);overflow:hidden;border-radius:var(--mimir-control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_if5ro_2 ._list-photos-image_if5ro_19{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._list-photos_if5ro_2 ._delete-button_if5ro_24{position:absolute;top:var(--mimir-space-2xs);right:var(--mimir-space-2xs)}
+._list-photos_167sp_2{display:flex;gap:var(--mimir-space-m);overflow-x:auto;padding-top:var(--mimir-space-m)}._list-photos_167sp_2::-webkit-scrollbar{display:none}._list-photos_167sp_2 ._list-photos-item_167sp_11{position:relative;flex-shrink:0;width:var(--mimir-space-4xxl);height:var(--mimir-space-4xxl);overflow:hidden;border-radius:var(--mimir-control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_167sp_2 ._list-photos-image_167sp_20{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._list-photos_167sp_2 ._delete-button_167sp_25{position:absolute;top:var(--mimir-space-2xs);right:var(--mimir-space-2xs)}

package/dist/components/ListPhotos/ListPhotos.js

@@ -1,32 +1,32 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { useState as n, useEffect as _ } from "react";
-import { Button as f } from "../Button/Button.js";
+import { Button as d } from "../Button/Button.js";
 import '../../assets/ListPhotos.css';const o = {
-  "list-photos": "_list-photos_if5ro_2",
-  "list-photos-item": "_list-photos-item_if5ro_10",
-  "list-photos-image": "_list-photos-image_if5ro_19",
-  "delete-button": "_delete-button_if5ro_24"
+  "list-photos": "_list-photos_167sp_2",
+  "list-photos-item": "_list-photos-item_167sp_11",
+  "list-photos-image": "_list-photos-image_167sp_20",
+  "delete-button": "_delete-button_167sp_25"
 };
 function N({ value: i, onChange: s }) {
-  const [l, r] = n(i);
+  const [l, m] = n(i);
   _(() => {
-    r(i);
+    m(i);
   }, [i]);
-  const c = async (t) => {
-    const m = [...l.filter((p) => p.id !== t)];
-    r(m), s == null || s({ deleteId: t, list: m });
+  const p = async (t) => {
+    const c = [...l.filter((r) => r.id !== t)];
+    m(c), s == null || s({ deleteId: t, list: c });
   };
   return /* @__PURE__ */ e("ul", { className: o["list-photos"], children: l.map((t) => /* @__PURE__ */ a("li", { className: o["list-photos-item"], children: [
     /* @__PURE__ */ e("img", { className: o["list-photos-image"], src: t.url, alt: "" }),
     s && /* @__PURE__ */ e(
-      f,
+      d,
       {
         isIconButton: !0,
         iconName: "Close12px",
         size: "m-s",
         variant: "secondary-gray",
         className: o["delete-button"],
-        onClick: () => c(t.id)
+        onClick: () => p(t.id)
       }
     )
   ] }, t.id)) });

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.7",
+  "version": "1.34.8",
   "type": "module",
   "exports": {
     ".": {