mimir-ui-kit 1.34.6 → 1.34.8

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

@@ -50,4 +50,6 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
     disabled?: boolean;
     /** Пропсы для инпута поиска опций */
     searchProps?: Pick<TInputProps, 'numbersOnly' | 'maxLength'>;
+    /** Отключает инпут, но позволяет открывать меню*/
+    disableInput?: boolean;
 };

package/dist/components/Skeleton/SkeletonBrick/SkeletonBrick.js

@@ -2,31 +2,32 @@ import { jsx as l } from "react/jsx-runtime";
 import { c as n } from "../../../index-DIxK0V-G.js";
 import { ESkeletonVariant as c } from "../constants.js";
 import { v as r } from "../../../variant.module-BXn4N1h0.js";
-const d = ({
-  className: o,
-  width: t = "100%",
+const v = ({
+  className: t,
+  width: o = "100%",
   height: s,
   borderRadius: a = "var(--mimir-control-radius)",
-  style: m,
-  variant: e = c.WHITE,
-  ...i
+  style: e,
+  variant: i = c.WHITE,
+  ...m
 }) => /* @__PURE__ */ l(
   "div",
   {
-    ...i,
+    ...m,
     className: n(
       r.skeleton,
-      r[e],
-      o
+      r[i],
+      t
     ),
     style: {
-      ...m,
-      width: t,
+      ...e,
+      width: o,
       height: s,
       borderRadius: a
-    }
+    },
+    "data-testid": "skeleton-brick"
   }
 );
 export {
-  d as SkeletonBrick
+  v as SkeletonBrick
 };

package/dist/components/Skeleton/SkeletonCircle/SkeletonCircle.js

@@ -20,7 +20,8 @@ import '../../../assets/SkeletonCircle.css';const i = {
     style: {
       width: e,
       height: e
-    }
+    },
+    "data-testid": "skeleton-circle"
   }
 );
 export {

package/dist/components/Skeleton/SkeletonText/SkeletonText.js

@@ -1,12 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { c } from "../../../index-DIxK0V-G.js";
-import { memo as m } from "react";
-import { ESkeletonVariant as i } from "../constants.js";
-import { SkeletonBrick as f } from "../SkeletonBrick/SkeletonBrick.js";
-import '../../../assets/SkeletonText.css';const k = "_row_1ks6f_9", s = {
+import { memo as i } from "react";
+import { ESkeletonVariant as m } from "../constants.js";
+import { SkeletonBrick as k } from "../SkeletonBrick/SkeletonBrick.js";
+import '../../../assets/SkeletonText.css';const d = "_row_1ks6f_9", o = {
   "skeleton-text": "_skeleton-text_1ks6f_2",
-  row: k
-}, u = (t, e) => {
+  row: d
+}, f = (t, e) => {
   if (t === e - 1)
     return "50%";
   switch (t % 3) {
@@ -19,23 +19,32 @@ import '../../../assets/SkeletonText.css';const k = "_row_1ks6f_9", s = {
     default:
       return "100%";
   }
-}, N = m(
+}, N = i(
   ({
     rows: t = 1,
     height: e = 20,
-    variant: n = i.WHITE,
+    variant: n = m.WHITE,
     ...a
   }) => {
     const { className: l } = a;
-    return /* @__PURE__ */ o("div", { className: c(s["skeleton-text"], l), children: new Array(t).fill(null).map((p, r) => /* @__PURE__ */ o("div", { className: s.row, children: /* @__PURE__ */ o(
-      f,
+    return /* @__PURE__ */ s(
+      "div",
       {
-        variant: n,
-        height: e,
-        width: u(r, t),
-        style: { animationDelay: `${r * 0.125}s` }
-      }
-    ) }, r)) }, t);
+        className: c(o["skeleton-text"], l),
+        "data-testid": "skeleton-text",
+        children: new Array(t).fill(null).map((u, r) => /* @__PURE__ */ s("div", { className: o.row, children: /* @__PURE__ */ s(
+          k,
+          {
+            variant: n,
+            height: e,
+            width: f(r, t),
+            style: { animationDelay: `${r * 0.125}s` },
+            "data-testid": "skeleton-brick"
+          }
+        ) }, r))
+      },
+      t
+    );
   }
 );
 export {

package/dist/components/Slider/Slider.js

@@ -2919,7 +2919,14 @@ const Li = "_swiper_1ji90_3", Oi = "_slide_1ji90_9", _i = "_link_1ji90_16", zi =
   );
   return /* @__PURE__ */ R(Qe, { buttons: s });
 }), $i = Ae(
-  Te((t, e) => /* @__PURE__ */ R("div", { className: $.progress, children: /* @__PURE__ */ R("div", { ref: e, className: $["progress-bar"] }) }))
+  Te((t, e) => /* @__PURE__ */ R("div", { className: $.progress, children: /* @__PURE__ */ R(
+    "div",
+    {
+      ref: e,
+      className: $["progress-bar"],
+      "data-testid": "progress-bar"
+    }
+  ) }))
 );
 function qi({
   images: t,

package/dist/components/Steps/Steps.js

@@ -21,9 +21,9 @@ import '../../assets/Steps.css';const ee = "_container_1cq8d_2", oe = "_step_1cq
       stepClassName: Z,
       quantity: z,
       needZeroValue: O = !0,
-      current: _ = A,
+      current: d = A,
       editable: q = !1,
-      size: d = K.M,
+      size: _ = K.M,
       onClick: f,
       customSize: p,
       resizable: i,
@@ -36,10 +36,10 @@ import '../../assets/Steps.css';const ee = "_container_1cq8d_2", oe = "_step_1cq
       setParentColor: u,
       classNameIconStep: $,
       ...w
-    } = T, B = G(), [t, m] = N(_), [a, L] = N(null), b = J(null), [I, h] = N(null);
+    } = T, B = G(), [t, m] = N(d), [a, L] = N(null), b = J(null), [I, h] = N(null);
     C(() => {
-      m(_);
-    }, [_]), C(() => {
+      m(d);
+    }, [d]), C(() => {
       if (c) {
         const o = r.find((e) => e.to >= (t || 0));
         o && h(o.color);
@@ -79,7 +79,7 @@ import '../../assets/Steps.css';const ee = "_container_1cq8d_2", oe = "_step_1cq
             height: p == null ? void 0 : p.height
           },
           id: `${B}${R}${e}`,
-          className: y(l.step, l[d], Z, {
+          className: y(l.step, l[_], Z, {
             [l.editable]: q && !M,
             [l.resizable]: i,
             [l.disabled]: M || !q && e + 1 > t
@@ -90,9 +90,10 @@ import '../../assets/Steps.css';const ee = "_container_1cq8d_2", oe = "_step_1cq
           children: !i && /* @__PURE__ */ E(
             x,
             {
-              iconName: Q[d].icon,
-              ...U[d],
-              className: $
+              iconName: Q[_].icon,
+              ...U[_],
+              className: $,
+              "data-testid": "step-icon"
             }
           )
         },

package/dist/components/TextArea/TextArea.js

@@ -1,5 +1,5 @@
 import { jsxs as V, jsx as n } from "react/jsx-runtime";
-import { c as d } from "../../index-DIxK0V-G.js";
+import { c as i } from "../../index-DIxK0V-G.js";
 import { memo as K, forwardRef as Q, useState as B, useRef as U, useEffect as X } from "react";
 import { useAutoResizeTextArea as Y } from "./hooks.js";
 import { useMergeRefs as Z } from "../../hooks/useMergeRefs/useMergeRefs.js";
@@ -29,7 +29,7 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
         $,
         {
           style: {
-            "--icon-size": d({
+            "--icon-size": i({
               "16px": _,
               "24px": b
             })
@@ -54,11 +54,11 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
         variant: q = ae.DefaultGray,
         autofocus: k,
         readonly: s,
-        status: I,
-        id: R,
+        status: R,
+        id: T,
         onFocus: N,
         onBlur: z,
-        label: i,
+        label: d,
         onChange: c,
         withClearButton: j,
         disabled: u,
@@ -71,26 +71,26 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
       X(() => {
         k && C(!0);
       }, [k]);
-      const T = Y(r.current), M = (l) => {
+      const I = Y(r.current), M = (l) => {
         const y = l.currentTarget.value;
         z == null || z(l), C(!1), v(!!y);
       }, O = (l) => {
         s || (C(!0), N == null || N(l));
       }, P = () => {
-        r != null && r.current && (r.current.value = "", r.current.focus(), v(!1), T(), c == null || c({
+        r != null && r.current && (r.current.value = "", r.current.focus(), v(!1), I(), c == null || c({
           target: { value: "" }
         }));
       }, S = (l) => {
         const y = l.target.value;
-        v(!!y), T(), c == null || c(l);
+        v(!!y), I(), c == null || c(l);
       }, x = F(L), A = F(E), W = {
         [e.readonly]: u || s,
         [e.focused]: f,
         [e.disabled]: u || s,
         [e["has-left-slot"]]: !!x,
         [e["has-right-slot"]]: !!A,
-        [a["has-label"]]: !!i
-      }, w = f || h || !!o, H = d(
+        [a["has-label"]]: !!d
+      }, w = f || h || !!o, H = i(
         e.label,
         a.label,
         {
@@ -100,21 +100,21 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
         },
         _,
         e[m]
-      ), J = d(
+      ), J = i(
         a.textarea,
         e.input,
         W,
         _,
-        [e[q], a[m], e[m], e[I ?? ""]]
+        [e[q], a[m], e[m], e[R ?? ""]]
       );
       return /* @__PURE__ */ V(
         "div",
         {
-          className: d(
+          className: i(
             e["input-wrapper"],
             a["textarea-wrapper"],
             e[q],
-            e[I ?? ""],
+            e[R ?? ""],
             a[m],
             e[m],
             {
@@ -124,8 +124,8 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
             b
           ),
           children: [
-            i && /* @__PURE__ */ V("label", { htmlFor: R, className: H, children: [
-              i,
+            d && /* @__PURE__ */ V("label", { htmlFor: T, className: H, children: [
+              d,
               g && (h || f) && /* @__PURE__ */ n(
                 "span",
                 {
@@ -137,11 +137,11 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
             x && /* @__PURE__ */ n(
               "span",
               {
-                className: d(e["left-slot"], {
+                className: i(e["left-slot"], {
                   [e.focused]: w,
-                  [e["has-label"]]: !!i
+                  [e["has-label"]]: !!d
                 }),
-                "data-testId": "left-addon",
+                "data-testid": "left-addon",
                 children: x
               }
             ),
@@ -149,7 +149,7 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
               "textarea",
               {
                 ref: G,
-                id: R,
+                id: T,
                 className: J,
                 onFocus: O,
                 onBlur: M,
@@ -163,11 +163,11 @@ import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_
             A && /* @__PURE__ */ n(
               "span",
               {
-                className: d(e["right-slot"], {
+                className: i(e["right-slot"], {
                   [e.focused]: w,
-                  [e["has-label"]]: !!i
+                  [e["has-label"]]: !!d
                 }),
-                "data-testId": "right-addon",
+                "data-testid": "right-addon",
                 children: A
               }
             ),

package/dist/components/Toasts/ProgressBar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { P as s } from "../../ProgressBar-C0dC7o7N.js";
+import { P as s } from "../../ProgressBar-DEFs1tWq.js";
 export {
   s as ProgressBar
 };

package/dist/components/Toasts/Toast.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { c as A } from "../../index-DIxK0V-G.js";
 import { memo as x, useRef as E } from "react";
 import { ANIMATION_VARIABLES_MAP as I, EToastPosition as _, EToastVariant as B, DEFAULT_TOAST_DURATION as D } from "./constants.js";
-import { c as r, P as O } from "../../ProgressBar-C0dC7o7N.js";
+import { c as r, P as O } from "../../ProgressBar-DEFs1tWq.js";
 import { useTimer as P } from "../../hooks/useTimer/index.js";
 import { Button as w } from "../Button/Button.js";
 const M = x(

package/dist/components/Toasts/ToastList.js

@@ -1,32 +1,33 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as f } from "../../index-DIxK0V-G.js";
-import { memo as T, useRef as e, useCallback as a, useEffect as u } from "react";
-import { EToastPosition as c } from "./constants.js";
-import { c as n } from "../../ProgressBar-C0dC7o7N.js";
-import { Toast as p } from "./Toast.js";
-const O = T(
-  ({ toasts: s, position: r = c.TOP_RIGHT, onToastRemove: l }) => {
-    const t = e(null), i = a(
+import { c as a } from "../../index-DIxK0V-G.js";
+import { memo as e, useRef as f, useCallback as T, useEffect as u } from "react";
+import { EToastPosition as i } from "./constants.js";
+import { c as l } from "../../ProgressBar-DEFs1tWq.js";
+import { Toast as d } from "./Toast.js";
+const O = e(
+  ({ toasts: r, position: s = i.TOP_RIGHT, onToastRemove: n }) => {
+    const t = f(null), c = T(
       (o) => {
         [
-          c.TOP_LEFT,
-          c.TOP_RIGHT
-        ].includes(r) ? o == null || o.scrollTo(0, o.scrollHeight) : o == null || o.scrollTo(0, 0);
+          i.TOP_LEFT,
+          i.TOP_RIGHT
+        ].includes(s) ? o == null || o.scrollTo(0, o.scrollHeight) : o == null || o.scrollTo(0, 0);
       },
-      [r]
+      [s]
     );
     return u(() => {
-      t.current && i(t.current);
-    }, [i, s]), s.length ? /* @__PURE__ */ m(
+      t.current && c(t.current);
+    }, [c, r]), r.length ? /* @__PURE__ */ m(
       "div",
       {
         ref: t,
-        className: f(n["toast-list"], n[r]),
-        children: s.map((o) => /* @__PURE__ */ m(
-          p,
+        className: a(l["toast-list"], l[s]),
+        "data-testid": "toast-list",
+        children: r.map((o) => /* @__PURE__ */ m(
+          d,
           {
-            position: r,
-            onToastRemove: l,
+            position: s,
+            onToastRemove: n,
             ...o
           },
           o.id

package/dist/components/Toasts/ToastsProvider.js

@@ -3,7 +3,7 @@ import { useReducer as u, useCallback as m, useMemo as l } from "react";
 import { EToastVariant as o } from "./constants.js";
 import { ToastContext as E } from "./hooks.js";
 import { reducer as A, initialState as C, actionCreators as c } from "./store.js";
-import { c as L } from "../../ProgressBar-C0dC7o7N.js";
+import { c as L } from "../../ProgressBar-DEFs1tWq.js";
 import { ToastList as S } from "./ToastList.js";
 const O = ({ children: d }) => {
   const [i, r] = u(A, C), a = m((t) => {

package/dist/components/UniversalUploader/UniversalUploader.d.ts

@@ -1,3 +1,8 @@
-import { TUniversalUploader } from './types';
+import { TFilesDetail } from '../ListFiles/ListFiles';
+import { TPhotosDetail } from '../ListPhotos/ListPhotos';
 
-export declare const UniversalUploader: import('react').ForwardRefExoticComponent<TUniversalUploader & import('react').RefAttributes<HTMLDivElement>>;
+export declare const UniversalUploader: import('react').ForwardRefExoticComponent<Omit<import('../Uploader/Uploader').TUploader, "onChangeValue"> & {
+    type: "files" | "photos" | "all";
+    onChange: (j: import('./types').TOnChangeUpdate) => void;
+    value?: TFilesDetail[] | TPhotosDetail[];
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/UniversalUploader/UniversalUploader.js

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

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

@@ -1,18 +1,11 @@
 import { TFilesDetail } from '../ListFiles/ListFiles';
 import { TPhotosDetail } from '../ListPhotos/ListPhotos';
-import { TFileItem } from '../Uploader';
-import { imageTypesArr } from '../Uploader/constants';
+import { TFileItem, TUploader } from '../Uploader';
 
-export type TUniversalUploader = {
+export type TUniversalUploader = Omit<TUploader, 'onChangeValue'> & {
     type: 'files' | 'photos' | 'all';
-    filesType: imageTypesArr[];
-    arrayName: string;
-    maxSize: number;
     onChange: (j: TOnChangeUpdate) => void;
     value?: TFilesDetail[] | TPhotosDetail[];
-    maxFiles: number;
-    titleUploader?: string;
-    disabled?: boolean;
 };
 export type TOnChangeUpdate = {
     type: string;

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

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { imageTypesArr } from './constants';
+import { TButtonDefaultFormProps } from '../Button/types';
 
 export type TUploader = {
     /**
@@ -31,6 +32,18 @@ export type TUploader = {
      * Тайтл загрузки файлов
      */
     titleUploader?: string;
+    /**
+     * Отображать ли только кнопку загрузки файла
+     */
+    showOnlyUploadButton?: boolean;
+    /**
+     * Текст внутри кнопки загрузки файла
+     */
+    buttonText?: string;
+    /**
+     * Вариант кнопки загрузки файла
+     */
+    uploadButtonVariant?: TButtonDefaultFormProps['variant'];
 };
 export type TUploadValue = {
     value: TFileItem[];