mimir-ui-kit 1.37.2 → 1.37.4

package/dist/assets/styles.css

@@ -1 +1 @@
-._input_hmkm7_2{padding-right:var(--mimir-space-3xl)}._input-wrapper_hmkm7_6{flex:1}._date-wrapper_hmkm7_10{position:relative;width:100%}._date-wrapper_hmkm7_10 ._inputBorderControl_hmkm7_14{border:transparent}._date-wrapper_hmkm7_10:hover ._input-wrapper_hmkm7_6{background-color:var(--input-bg-color-hover)}._date-wrapper_hmkm7_10:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._date-wrapper_hmkm7_10._editable_hmkm7_27:before{display:none}._date-wrapper_hmkm7_10 svg{cursor:pointer}[data-disabled=true] ._date-wrapper_hmkm7_10:before{cursor:auto}[data-disabled=true] ._date-wrapper_hmkm7_10 ._input-wrapper_hmkm7_6{background:var(--black-20)}[data-disabled=true] ._date-wrapper_hmkm7_10 ._input-wrapper_hmkm7_6 label,[data-disabled=true] ._date-wrapper_hmkm7_10 ._input-wrapper_hmkm7_6 input{color:var(--white)}[data-disabled=true] ._button-wrapper_hmkm7_44 svg{color:var(--white);cursor:default;fill:var(--white)}._wrapper_hmkm7_50{position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._wrapper_hmkm7_50._active_hmkm7_56{border-bottom:1px solid var(--citrine-100)}._button-wrapper_hmkm7_44{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_hmkm7_44{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_hmkm7_78{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_hmkm7_78 ._h_hmkm7_100{display:flex;width:100%;color:var(--black-100)}._calendar-block_hmkm7_78 ._b_hmkm7_44{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_hmkm7_78 ._d_hmkm7_10{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_hmkm7_78 ._m_hmkm7_122,._calendar-block_hmkm7_78 ._a_hmkm7_56,._calendar-block_hmkm7_78 ._prev_hmkm7_124{width:auto;height:48px;overflow:hidden}._calendar-block_hmkm7_78 ._m_hmkm7_122{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_hmkm7_78 ._orange_hmkm7_138{color:var(--citrine-100)}._calendar-block_hmkm7_78 ._a_hmkm7_56{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_hmkm7_78 ._a_hmkm7_56:hover{background:var(--black-10)}._calendar-block_hmkm7_78 ._a_hmkm7_56:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_hmkm7_78 ._current_hmkm7_155{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_hmkm7_78 ._monthGrid_hmkm7_160{display:grid;grid-template-columns:repeat(3,1fr)}._icon-button_hmkm7_165{display:flex}
+._input-field-group-datePicker_97gw7_2{display:flex;flex-direction:column;gap:var(--mimir-space-2xs)}._input-field-group-datePicker_97gw7_2 ._textError_97gw7_7{font-family:var(--mimir-font-inter);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-s);line-height:var(--mimir-size-text-m);text-align:left;color:var(--gos-znak-diplomatic-background-color)}._input_97gw7_2{padding-right:var(--mimir-space-3xl)}._input-wrapper_97gw7_20{flex:1}._date-wrapper_97gw7_24{position:relative;width:100%}._date-wrapper_97gw7_24 ._inputBorderControl_97gw7_28{border:transparent}._date-wrapper_97gw7_24:hover ._input-wrapper_97gw7_20{background-color:var(--input-bg-color-hover)}._date-wrapper_97gw7_24:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._date-wrapper_97gw7_24._editable_97gw7_41:before{display:none}._date-wrapper_97gw7_24 svg{cursor:pointer}[data-disabled=true] ._date-wrapper_97gw7_24:before{cursor:auto}[data-disabled=true] ._date-wrapper_97gw7_24 ._input-wrapper_97gw7_20{background:var(--black-20)}[data-disabled=true] ._date-wrapper_97gw7_24 ._input-wrapper_97gw7_20 label,[data-disabled=true] ._date-wrapper_97gw7_24 ._input-wrapper_97gw7_20 input{color:var(--white)}[data-disabled=true] ._button-wrapper_97gw7_58 svg{color:var(--white);cursor:default;fill:var(--white)}._wrapper_97gw7_64{--border-color: var(--citrine-100);position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._wrapper_97gw7_64:has([data-error=true]){--border-color: var(--error-normal)}._wrapper_97gw7_64._active_97gw7_74{border-bottom:1px solid var(--border-color)}._button-wrapper_97gw7_58{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_97gw7_58{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_97gw7_96{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_97gw7_96 ._h_97gw7_118{display:flex;width:100%;color:var(--black-100)}._calendar-block_97gw7_96 ._b_97gw7_58{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_97gw7_96 ._d_97gw7_24{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_97gw7_96 ._m_97gw7_140,._calendar-block_97gw7_96 ._a_97gw7_74,._calendar-block_97gw7_96 ._prev_97gw7_142{width:auto;height:48px;overflow:hidden}._calendar-block_97gw7_96 ._m_97gw7_140{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_97gw7_96 ._orange_97gw7_156{color:var(--citrine-100)}._calendar-block_97gw7_96 ._a_97gw7_74{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_97gw7_96 ._a_97gw7_74:hover{background:var(--black-10)}._calendar-block_97gw7_96 ._a_97gw7_74:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_97gw7_96 ._current_97gw7_173{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_97gw7_96 ._monthGrid_97gw7_178{display:grid;grid-template-columns:repeat(3,1fr)}._icon-button_97gw7_183{display:flex}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -30,9 +30,9 @@ export type TProps = {
      */
     disabled?: boolean;
     /**
-     * Флаг наличия ошибки
+     * Флаг наличия ошибки или текст ошибки
      */
-    error?: boolean;
+    error?: boolean | string;
     /**
      * Флаг немедленной валидации при вводе
      */
@@ -84,9 +84,9 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      */
     disabled?: boolean;
     /**
-     * Флаг наличия ошибки
+     * Флаг наличия ошибки или текст ошибки
      */
-    error?: boolean;
+    error?: boolean | string;
     /**
      * Флаг немедленной валидации при вводе
      */

package/dist/components/DatePicker/DatePicker.js

@@ -1,10 +1,10 @@
-import { jsxs as B, jsx as m } from "react/jsx-runtime";
-import { c as b } from "../../index-DIxK0V-G.js";
+import { jsxs as H, jsx as a } from "react/jsx-runtime";
+import { c as _ } from "../../index-DIxK0V-G.js";
 import { memo as V, forwardRef as tt, useState as w, useEffect as T } from "react";
 import { MAX_DAY as st, MAX_MONTH as et, DATE_LENGTH as it } from "./constants.js";
-import { DatePickerModal as ot } from "./DatePickerModal.js";
-import { MonthPickerModal as rt } from "./MonthPickerModal.js";
-import { c as o } from "../../styles.module-B3xL6-zc.js";
+import { DatePickerModal as rt } from "./DatePickerModal.js";
+import { MonthPickerModal as ot } from "./MonthPickerModal.js";
+import { c as e } from "../../styles.module-CPvzaOtD.js";
 import { formatDatePart as L } from "./utils.js";
 import { YearPickerModal as at } from "./YearPickerModal.js";
 import { useClickOutside as ct } from "../../hooks/useClickOutside/useClickOutside.js";
@@ -13,137 +13,140 @@ import { formating as y } from "../../utils/index.js";
 import { I as mt } from "../../Input-BYrIS5GU.js";
 import { EInputStatus as pt, EInputSize as U } from "../Input/constants.js";
 const dt = {
-  days: ot,
-  months: rt,
+  days: rt,
+  months: ot,
   years: at
 }, ft = V(
   tt(
     ({
-      size: P,
-      value: e,
+      size: M,
+      value: i,
       onChangeValue: s,
-      name: a,
-      before: M,
+      name: c,
+      before: v,
       type: p = "days",
-      error: v,
+      error: x,
       onError: d,
-      onBlur: i,
-      validateImmediately: h,
+      onBlur: r,
+      validateImmediately: b,
       variant: X,
-      disabled: x = !1,
+      disabled: S = !1,
       editable: D = !1,
       openOnInput: j = !0,
-      ...u
+      ...E
     }, F) => {
-      const [N, c] = w(!1), [S, f] = w(p), [r, l] = w(
-        () => e && !isNaN(new Date(e).getTime()) ? new Date(e) : void 0
-      ), [_, g] = w(v), [G, k] = w("");
+      const [l, m] = w(!1), [g, f] = w(p), [o, k] = w(
+        () => i && !isNaN(new Date(i).getTime()) ? new Date(i) : void 0
+      ), [n, h] = w(x), [G, A] = w("");
       T(() => {
-        g(v);
-      }, [v]), T(() => {
-        l(
-          e && !isNaN(new Date(e).getTime()) ? new Date(e) : void 0
+        h(x);
+      }, [x]), T(() => {
+        k(
+          i && !isNaN(new Date(i).getTime()) ? new Date(i) : void 0
         );
-      }, [e]), T(() => {
-        r && typeof r != "string" && !isNaN(r == null ? void 0 : r.getTime()) ? k(y.Date(r, "dd/mm/yyyy")) : k("");
-      }, [r]);
-      const O = e && new Date(e).getTime;
+      }, [i]), T(() => {
+        o && typeof o != "string" && !isNaN(o == null ? void 0 : o.getTime()) ? A(y.Date(o, "dd/mm/yyyy")) : A("");
+      }, [o]);
+      const u = i && new Date(i).getTime;
       T(() => {
-        h && (O ? (g(!1), d == null || d({ name: a, active: !1 })) : (g(!0), d == null || d({ name: a, active: !0 })));
-      }, [h, a, O]), ct({
-        isActive: N,
+        b && (u ? (h(!1), d == null || d({ name: c, active: !1 })) : (h(!0), d == null || d({ name: c, active: !0 })));
+      }, [b, c, u]), ct({
+        isActive: l,
         setActive: (t) => {
-          c(t), f(p);
+          m(t), f(p);
         },
-        className: o["calendar-block"]
+        className: e["calendar-block"]
       });
       const K = () => {
-        !x && (j || !D) && c(!0);
+        !S && (j || !D) && m(!0);
       }, W = (t) => {
-        isNaN(t.getTime()) || (l(t), s == null || s({
+        isNaN(t.getTime()) || (k(t), s == null || s({
           value: y.Date(t, "yyyy-mm-dd"),
-          name: a
-        })), S === "years" && (p === "years" ? (c(!1), f(p)) : f("months")), S === "months" && (p === "months" ? (c(!1), f(p)) : f("days")), l(t), s == null || s({
+          name: c
+        })), g === "years" && (p === "years" ? (m(!1), f(p)) : f("months")), g === "months" && (p === "months" ? (m(!1), f(p)) : f("days")), k(t), s == null || s({
           value: y.Date(t, "yyyy-mm-dd"),
-          name: a
-        }), i == null || i(y.Date(t, "yyyy-mm-dd"));
+          name: c
+        }), r == null || r(y.Date(t, "yyyy-mm-dd"));
       }, q = (t) => {
         if (D) {
-          const n = t.target.value.replace(/[^\d]/g, "");
-          if (n.length === 0)
-            k(""), s == null || s({ value: "", name: a }), i == null || i("");
+          const N = t.target.value.replace(/[^\d]/g, "");
+          if (N.length === 0)
+            A(""), s == null || s({ value: "", name: c }), r == null || r("");
           else {
-            const [A, Y, $] = [
-              L(n.substring(0, 2), st),
-              L(n.substring(2, 4), et),
-              n.substring(4, 8)
-            ], H = [A, Y, $].filter(Boolean).join("/");
-            if (k(H), H.length === it) {
-              const C = parseInt($), I = /* @__PURE__ */ new Date(
-                `${C}-${Y.padStart(2, "0")}-${A.padStart(2, "0")}`
+            const [I, O, Y] = [
+              L(N.substring(0, 2), st),
+              L(N.substring(2, 4), et),
+              N.substring(4, 8)
+            ], $ = [I, O, Y].filter(Boolean).join("/");
+            if (A($), $.length === it) {
+              const B = parseInt(Y), P = /* @__PURE__ */ new Date(
+                `${B}-${O.padStart(2, "0")}-${I.padStart(2, "0")}`
               );
-              isNaN(I.getTime()) || (l(I), s == null || s({
-                value: y.Date(I, "yyyy-mm-dd"),
-                name: a
-              }), i == null || i(y.Date(I, "yyyy-mm-dd")));
+              isNaN(P.getTime()) || (k(P), s == null || s({
+                value: y.Date(P, "yyyy-mm-dd"),
+                name: c
+              }), r == null || r(y.Date(P, "yyyy-mm-dd")));
             }
           }
         }
-      }, E = b(o.wrapper, N && o.active), J = b(o.input, o.inputBorderControl), Q = {
+      }, J = _(e.wrapper, l && e.active), Q = _(e.input, e.inputBorderControl), Z = {
         onChangeValue: W,
-        date: r || /* @__PURE__ */ new Date(),
-        before: typeof M == "string" ? new Date(M) : M,
+        date: o || /* @__PURE__ */ new Date(),
+        before: typeof v == "string" ? new Date(v) : v,
         onChangeType: f,
-        setIsActive: c
-      }, Z = dt[S], z = ({ isActive: t }) => /* @__PURE__ */ m("button", { onClick: (A) => {
-        A.stopPropagation(), x || c(!t);
-      }, className: o["icon-button"], children: t ? /* @__PURE__ */ m(
+        setIsActive: m
+      }, z = dt[g], C = ({ isActive: t }) => /* @__PURE__ */ a("button", { onClick: (I) => {
+        I.stopPropagation(), S || m(!t);
+      }, className: e["icon-button"], children: t ? /* @__PURE__ */ a(
         R,
         {
-          iconName: P === U.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
+          iconName: M === U.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
         }
-      ) : /* @__PURE__ */ m(
+      ) : /* @__PURE__ */ a(
         R,
         {
-          iconName: P === U.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
+          iconName: M === U.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
         }
       ) });
-      return /* @__PURE__ */ B("div", { className: E, "data-disabled": x, children: [
-        /* @__PURE__ */ m(
-          "div",
-          {
-            role: "button",
-            "data-error": _,
-            className: b(o["date-wrapper"], {
-              [o.editable]: D
-            }),
-            onClick: K,
-            children: /* @__PURE__ */ m(
-              mt,
-              {
-                ref: F,
-                className: J,
-                wrapperClassName: o["input-wrapper"],
-                size: P,
-                type: "text",
-                variant: X,
-                status: _ ? pt.Error : void 0,
-                value: G,
-                onChange: q,
-                rightAddon: {
-                  addonType: "react-node",
-                  addonContent: /* @__PURE__ */ m(z, { isActive: N })
-                },
-                onFocus: () => {
-                  j && !D && c(!0);
-                },
-                "data-error": _,
-                ...u
-              }
-            )
-          }
-        ),
-        N && /* @__PURE__ */ m(Z, { ...Q })
+      return /* @__PURE__ */ H("div", { className: e["input-field-group-datePicker"], children: [
+        /* @__PURE__ */ H("div", { className: J, "data-disabled": S, children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              role: "button",
+              "data-error": n,
+              className: _(e["date-wrapper"], {
+                [e.editable]: D
+              }),
+              onClick: K,
+              children: /* @__PURE__ */ a(
+                mt,
+                {
+                  ref: F,
+                  className: Q,
+                  wrapperClassName: e["input-wrapper"],
+                  size: M,
+                  type: "text",
+                  variant: X,
+                  status: n ? pt.Error : void 0,
+                  value: G,
+                  onChange: q,
+                  rightAddon: {
+                    addonType: "react-node",
+                    addonContent: /* @__PURE__ */ a(C, { isActive: l })
+                  },
+                  onFocus: () => {
+                    j && !D && m(!0);
+                  },
+                  "data-error": n,
+                  ...E
+                }
+              )
+            }
+          ),
+          l && /* @__PURE__ */ a(z, { ...Z })
+        ] }),
+        n && typeof n == "string" && /* @__PURE__ */ a("div", { className: e.textError, children: n })
       ] });
     }
   )

package/dist/components/DatePicker/DatePickerModal.js

@@ -3,7 +3,7 @@ import { c as x } from "../../index-DIxK0V-G.js";
 import { useState as O } from "react";
 import { week as Y, COUNT_WORK_DAYS as j } from "./constants.js";
 import { useDatePickerPosition as z } from "./hooks.js";
-import { c as o } from "../../styles.module-B3xL6-zc.js";
+import { c as o } from "../../styles.module-CPvzaOtD.js";
 import { getUpdateDate as M } from "./utils.js";
 import { Icon as G } from "../../icons/Icon.js";
 import { formating as s } from "../../utils/index.js";

package/dist/components/DatePicker/MonthPickerModal.js

@@ -3,7 +3,7 @@ import { c as k } from "../../index-DIxK0V-G.js";
 import { useState as $ } from "react";
 import { months as x } from "./constants.js";
 import { useDatePickerPosition as v } from "./hooks.js";
-import { c as e } from "../../styles.module-B3xL6-zc.js";
+import { c as e } from "../../styles.module-CPvzaOtD.js";
 import { Icon as B } from "../../icons/Icon.js";
 import { formating as a } from "../../utils/index.js";
 import { Button as b } from "../Button/Button.js";

package/dist/components/DatePicker/YearPickerModal.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { c as v } from "../../index-DIxK0V-G.js";
 import { useState as x } from "react";
 import { useDatePickerPosition as Y } from "./hooks.js";
-import { c as t } from "../../styles.module-B3xL6-zc.js";
+import { c as t } from "../../styles.module-CPvzaOtD.js";
 import { formating as n } from "../../utils/index.js";
 import { Button as y } from "../Button/Button.js";
 const F = ({

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

@@ -1,3 +1,4 @@
+import { EFileItemVariant } from '../ListFiles';
 import { TFilesDetail } from '../ListFiles/ListFiles';
 import { TPhotosDetail } from '../ListPhotos/ListPhotos';
 
@@ -5,4 +6,5 @@ export declare const UniversalUploader: import('react').ForwardRefExoticComponen
     type: "files" | "photos" | "all";
     onChange: (j: import('./types').TOnChangeUpdate) => void;
     value?: TFilesDetail[] | TPhotosDetail[];
+    variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/UniversalUploader/UniversalUploader.js

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

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

@@ -1,3 +1,4 @@
+import { EFileItemVariant } from '../ListFiles';
 import { TFilesDetail } from '../ListFiles/ListFiles';
 import { TPhotosDetail } from '../ListPhotos/ListPhotos';
 import { TFileItem, TUploader } from '../Uploader';
@@ -6,6 +7,7 @@ export type TUniversalUploader = Omit<TUploader, 'onChangeValue'> & {
     type: 'files' | 'photos' | 'all';
     onChange: (j: TOnChangeUpdate) => void;
     value?: TFilesDetail[] | TPhotosDetail[];
+    variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
 };
 export type TOnChangeUpdate = {
     type: string;

package/dist/styles.module-CPvzaOtD.js

@@ -0,0 +1,27 @@
+import './assets/styles.css';const t = "_textError_97gw7_7", _ = "_input_97gw7_2", r = "_inputBorderControl_97gw7_28", n = "_editable_97gw7_41", o = "_wrapper_97gw7_64", e = "_active_97gw7_74", p = "_button_97gw7_58", c = "_h_97gw7_118", w = "_b_97gw7_58", a = "_d_97gw7_24", g = "_m_97gw7_140", i = "_a_97gw7_74", u = "_prev_97gw7_142", d = "_orange_97gw7_156", s = "_current_97gw7_173", b = "_monthGrid_97gw7_178", l = {
+  "input-field-group-datePicker": "_input-field-group-datePicker_97gw7_2",
+  textError: t,
+  input: _,
+  "input-wrapper": "_input-wrapper_97gw7_20",
+  "date-wrapper": "_date-wrapper_97gw7_24",
+  inputBorderControl: r,
+  editable: n,
+  "button-wrapper": "_button-wrapper_97gw7_58",
+  wrapper: o,
+  active: e,
+  button: p,
+  "calendar-block": "_calendar-block_97gw7_96",
+  h: c,
+  b: w,
+  d: a,
+  m: g,
+  a: i,
+  prev: u,
+  orange: d,
+  current: s,
+  monthGrid: b,
+  "icon-button": "_icon-button_97gw7_183"
+};
+export {
+  l as c
+};

package/package.json

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

package/dist/styles.module-B3xL6-zc.js

@@ -1,25 +0,0 @@
-import './assets/styles.css';const _ = "_input_hmkm7_2", t = "_inputBorderControl_hmkm7_14", n = "_editable_hmkm7_27", m = "_wrapper_hmkm7_50", r = "_active_hmkm7_56", o = "_button_hmkm7_44", e = "_h_hmkm7_100", c = "_b_hmkm7_44", p = "_d_hmkm7_10", a = "_m_hmkm7_122", h = "_a_hmkm7_56", k = "_prev_hmkm7_124", i = "_orange_hmkm7_138", s = "_current_hmkm7_155", u = "_monthGrid_hmkm7_160", d = {
-  input: _,
-  "input-wrapper": "_input-wrapper_hmkm7_6",
-  "date-wrapper": "_date-wrapper_hmkm7_10",
-  inputBorderControl: t,
-  editable: n,
-  "button-wrapper": "_button-wrapper_hmkm7_44",
-  wrapper: m,
-  active: r,
-  button: o,
-  "calendar-block": "_calendar-block_hmkm7_78",
-  h: e,
-  b: c,
-  d: p,
-  m: a,
-  a: h,
-  prev: k,
-  orange: i,
-  current: s,
-  monthGrid: u,
-  "icon-button": "_icon-button_hmkm7_165"
-};
-export {
-  d as c
-};