mimir-ui-kit 1.37.1 → 1.37.3

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,13 +1,13 @@
 import { jsx as s, jsxs as _, Fragment as z } from "react/jsx-runtime";
 import { c as i } from "../../index-DIxK0V-G.js";
-import { forwardRef as K, useState as D, useMemo as U, useCallback as W, useEffect as R } from "react";
+import { forwardRef as K, useState as D, useMemo as U, useCallback as R, useEffect as $ } from "react";
 import { ESelectSearchSize as v } from "./constants.js";
-import { mapSizeToInputSize as q, getDropdownArrowIcon as $ } from "./utils.js";
-import { Icon as A } from "../../icons/Icon.js";
-import { Button as J } from "../Button/Button.js";
-import { I as O } from "../../Input-BYrIS5GU.js";
-import { EInputVariant as Q } from "../Input/constants.js";
-import { H as X, U as B, G as M, K as Y, W as Z } from "../../combobox-CDU06zJj.js";
+import { mapSizeToInputSize as j, getDropdownArrowIcon as J } from "./utils.js";
+import { Icon as q } from "../../icons/Icon.js";
+import { Button as Q } from "../Button/Button.js";
+import { I as A } from "../../Input-BYrIS5GU.js";
+import { EInputVariant as W } from "../Input/constants.js";
+import { H as X, U as O, G as B, K as Y, j as Z } from "../../combobox-BpYucpxz.js";
 import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_container_rphak_9", oe = "_full_rphak_22", ae = "_button_rphak_34", ne = "_options_rphak_48", se = "_top_rphak_59", re = "_bottom_rphak_64", ie = "_m_rphak_91", le = "_l_rphak_106", ce = "_option_rphak_48", pe = "_clear_rphak_160", e = {
   "select-search": "_select-search_rphak_2",
   disabled: ee,
@@ -34,7 +34,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
   clear: pe,
   "icon-button": "_icon-button_rphak_169"
 }, ge = K(
-  (j, E) => {
+  (M, E) => {
     const {
       placeholder: g,
       size: r = v.L,
@@ -47,18 +47,18 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
       displayValue: G = "name",
       filterOnSearch: w = !0,
       onSearch: m,
-      variant: C = Q.DefaultGray,
+      variant: C = W.DefaultGray,
       menuPlacement: b = "bottom",
       disabled: l = !1,
       searchProps: I,
       withClearButton: f = !1,
       disableInput: c = !1,
       autocomplete: S = "on"
-    } = j, k = String((a == null ? void 0 : a[G]) || ""), [p, u] = D(k), [N, h] = D(a), y = U(() => !w || a && (a.id || a.name) ? d : p.trim().toLowerCase() ? d.filter(
+    } = M, k = String((a == null ? void 0 : a[G]) || ""), [p, u] = D(k), [N, h] = D(a), y = U(() => !w || a && (a.id || a.name) ? d : p.trim().toLowerCase() ? d.filter(
       (o) => o.name.toLowerCase().includes(p.toLowerCase())
     ) : d, [p, d, a, w]), P = (o) => {
       o ? (u(o.name), h(o), n == null || n(o)) : (u(""), h(null), n == null || n({ id: "", name: "" }));
-    }, x = W(
+    }, x = R(
       (o) => {
         if (c) return;
         const t = o.target.value;
@@ -68,7 +68,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
     ), T = () => {
       u(""), h(null), n == null || n({ id: "", name: "" });
     };
-    return R(() => {
+    return $(() => {
       const o = !a || typeof a == "object" && !Object.keys(a).length;
       u(o ? "" : k), h(o ? null : a);
     }, [a, k]), /* @__PURE__ */ s(
@@ -93,12 +93,12 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
               }),
               children: [
                 c && /* @__PURE__ */ _("div", { style: { position: "relative", width: "100%" }, children: [
-                  /* @__PURE__ */ s(B, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
-                    M,
+                  /* @__PURE__ */ s(O, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ s(
+                    B,
                     {
-                      as: O,
+                      as: A,
                       label: g,
-                      size: q(r),
+                      size: j(r),
                       className: i(e["select-input"], {
                         [e["select-input-disabled"]]: c && f
                       }),
@@ -114,14 +114,14 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                       },
                       rightAddon: {
                         addonType: "icon",
-                        addonContent: $(o, r)
+                        addonContent: J(o, r)
                       },
                       autocomplete: S,
                       ...I
                     }
                   ) }),
                   f && p && /* @__PURE__ */ s(
-                    J,
+                    Q,
                     {
                       tabIndex: -1,
                       className: i(e.clear, {
@@ -142,11 +142,11 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                   )
                 ] }),
                 !c && /* @__PURE__ */ s(
-                  M,
+                  B,
                   {
-                    as: O,
+                    as: A,
                     label: g,
-                    size: q(r),
+                    size: j(r),
                     className: e["select-input"],
                     onChange: x,
                     value: p,
@@ -159,14 +159,14 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                     rightAddon: {
                       addonType: "react-node",
                       addonContent: V && /* @__PURE__ */ s(
-                        B,
+                        O,
                         {
                           className: i(e.button, {
                             [e.disabled]: l
                           }),
                           disabled: l,
                           children: /* @__PURE__ */ s(
-                            A,
+                            q,
                             {
                               iconName: r == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                               className: i(e["selector-icon"], {
@@ -215,7 +215,7 @@ import '../../assets/SelectSearch.css';const ee = "_disabled_rphak_5", te = "_co
                       t.bottom && /* @__PURE__ */ s("div", { children: t.bottom })
                     ] }),
                     N && N.id === t.id && /* @__PURE__ */ s(
-                      A,
+                      q,
                       {
                         iconName: r === v.M ? "Done16px" : "Done24px",
                         className: e["selected-icon"]

package/dist/components/Switcher/Switcher.js

@@ -1,9 +1,9 @@
 import { jsxs as L, jsx as N } from "react/jsx-runtime";
-import { H as te } from "../../field-FJ34aSs4.js";
-import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-y3ANLTNC.js";
-import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-B0lm_zyn.js";
+import { H as te } from "../../field-C1kt7aNM.js";
+import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-D4GFpe5F.js";
+import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-mgWkd2Vh.js";
 import u, { createContext as $e, useState as x, useMemo as G, useId as ge, useContext as ve, useRef as ke, useCallback as xe, Fragment as ye, forwardRef as Pe } from "react";
-import { w as Ce } from "../../use-active-press-86hajhdd.js";
+import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
 import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
 import { r as Fe } from "../../bugs-diTMAGNw.js";
 import { c as g } from "../../index-DIxK0V-G.js";

package/dist/components/TabTrail/TabTrail.js

@@ -5,11 +5,11 @@ import N, { useRef as U, useState as Q, createContext as oe, useReducer as ke, u
 import { ETabTrailSize as Ae } from "./constants.js";
 import { TabButtons as Se } from "./TabButtons/TabButtons.js";
 import { NotificationBadge as Fe } from "../NotificationBadge/NotificationBadge.js";
-import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-B0lm_zyn.js";
-import { w as Me } from "../../use-active-press-86hajhdd.js";
+import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-mgWkd2Vh.js";
+import { w as Me } from "../../use-active-press-CqLGIFz7.js";
 import { e as Ce } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { T as pe, s as Le } from "../../hidden-DbgtYPOH.js";
-import { _ as G, T as J, P as D, F as T } from "../../focus-management-XwV-9qkO.js";
+import { T as pe, s as Le } from "../../hidden-PvGXrYUY.js";
+import { _ as G, T as J, P as D, F as T } from "../../focus-management-DOYCPyGg.js";
 import '../../assets/TabTrail.css';function Oe() {
   let e = U(!1);
   return W(() => (e.current = !0, () => {

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/{field-FJ34aSs4.js → field-C1kt7aNM.js}

@@ -1,6 +1,6 @@
 import l, { useId as u, useMemo as f } from "react";
-import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-y3ANLTNC.js";
-import { W as H, H as W } from "./keyboard-B0lm_zyn.js";
+import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-D4GFpe5F.js";
+import { W as H, H as W } from "./keyboard-mgWkd2Vh.js";
 let P = "div";
 function _(a, i) {
   let d = `headlessui-control-${u()}`, [o, n] = p(), [m, s] = h(), c = v(), { disabled: e = c || !1, ...t } = a, r = f(() => ({ disabled: e }), [e]);

package/dist/{focus-management-XwV-9qkO.js → focus-management-DOYCPyGg.js}

@@ -1,4 +1,4 @@
-import { u as N, a as v } from "./keyboard-B0lm_zyn.js";
+import { u as N, a as v } from "./keyboard-mgWkd2Vh.js";
 let m = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), F = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
 var h = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(h || {}), x = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(x || {}), A = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(A || {});
 function y(e = document.body) {

package/dist/{hidden-DbgtYPOH.js → hidden-PvGXrYUY.js}

@@ -1,4 +1,4 @@
-import { W as t, H as a } from "./keyboard-B0lm_zyn.js";
+import { W as t, H as a } from "./keyboard-mgWkd2Vh.js";
 let l = "span";
 var p = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(p || {});
 function s(e, n) {