mimir-ui-kit 1.38.1 → 1.38.3

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,140 +1,140 @@
-import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
-import { c } from "../../index-DIxK0V-G.js";
-import { forwardRef as U, useState as D, useMemo as W, useCallback as R, useEffect as $ } from "react";
-import { ESelectSearchSize as v } from "./constants.js";
-import { mapSizeToInputSize as A, getDropdownArrowIcon as J } from "./utils.js";
-import { Icon as O } from "../../icons/Icon.js";
-import { Button as Q } from "../Button/Button.js";
-import { I as B } from "../../Input-BYrIS5GU.js";
+import { jsx as l, jsxs as u, Fragment as D } from "react/jsx-runtime";
+import { c as i } from "../../index-DIxK0V-G.js";
+import { forwardRef as U, useState as j, useMemo as R, useCallback as $, useEffect as J } from "react";
+import { ESelectSearchSize as N } from "./constants.js";
+import { mapSizeToInputSize as q, getDropdownArrowIcon as Q } from "./utils.js";
+import { Icon as A } from "../../icons/Icon.js";
+import { Button as W } from "../Button/Button.js";
+import { I as O } from "../../Input-BYrIS5GU.js";
 import { EInputVariant as X } from "../Input/constants.js";
-import { H as Y, U as M, G as j, K as Z, W as ee } from "../../combobox-CVtJDVoZ.js";
-import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_container_5nqc2_13", ne = "_full_5nqc2_28", se = "_button_5nqc2_40", ae = "_options_5nqc2_54", ie = "_top_5nqc2_65", ce = "_bottom_5nqc2_71", le = "_m_5nqc2_98", re = "_l_5nqc2_113", de = "_option_5nqc2_54", pe = "_clear_5nqc2_167", e = {
-  "select-search": "_select-search_5nqc2_2",
+import { H as Y, U as B, G as M, K as Z, j as ee } from "../../combobox-DgSZTriw.js";
+import '../../assets/SelectSearch.css';const te = "_disabled_7klny_6", oe = "_container_7klny_13", ne = "_full_7klny_28", se = "_button_7klny_40", le = "_options_7klny_54", ae = "_top_7klny_65", ie = "_bottom_7klny_71", re = "_m_7klny_98", ce = "_l_7klny_113", de = "_option_7klny_54", pe = "_clear_7klny_167", e = {
+  "select-search": "_select-search_7klny_2",
   disabled: te,
   container: oe,
-  "container-open": "_container-open_5nqc2_24",
+  "container-open": "_container-open_7klny_24",
   full: ne,
-  "selected-icon": "_selected-icon_5nqc2_32",
-  "selector-icon-open": "_selector-icon-open_5nqc2_36",
+  "selected-icon": "_selected-icon_7klny_32",
+  "selector-icon-open": "_selector-icon-open_7klny_36",
   button: se,
-  "selector-icon": "_selector-icon_5nqc2_36",
-  options: ae,
-  top: ie,
-  bottom: ce,
-  "no-options": "_no-options_5nqc2_77",
-  m: le,
-  l: re,
-  "select-input": "_select-input_5nqc2_128",
-  "select-input-disabled": "_select-input-disabled_5nqc2_131",
+  "selector-icon": "_selector-icon_7klny_36",
+  options: le,
+  top: ae,
+  bottom: ie,
+  "no-options": "_no-options_7klny_77",
+  m: re,
+  l: ce,
+  "select-input": "_select-input_7klny_128",
+  "select-input-disabled": "_select-input-disabled_7klny_131",
   option: de,
-  "option-active": "_option-active_5nqc2_147",
-  "option-inner": "_option-inner_5nqc2_150",
-  "right-slot": "_right-slot_5nqc2_157",
-  "required-mark": "_required-mark_5nqc2_162",
+  "option-active": "_option-active_7klny_147",
+  "option-inner": "_option-inner_7klny_150",
+  "right-slot": "_right-slot_7klny_157",
+  "required-mark": "_required-mark_7klny_162",
   clear: pe,
-  "icon-button": "_icon-button_5nqc2_176"
-}, we = U(
+  "icon-button": "_icon-button_7klny_176"
+}, ge = U(
   (E, L) => {
     const {
-      placeholder: g,
-      size: i = v.L,
+      placeholder: v,
+      size: a = N.L,
       value: n,
       onChange: s,
       full: V,
-      showArrow: w = !0,
+      showArrow: g = !0,
       items: p = [],
       classNameOption: F,
       displayValue: G = "name",
-      filterOnSearch: C = !0,
+      filterOnSearch: w = !0,
       onSearch: _,
-      variant: I = X.DefaultGray,
-      menuPlacement: f = "bottom",
-      disabled: l = !1,
-      searchProps: S,
-      withClearButton: b = !1,
-      disableInput: r = !1,
-      autocomplete: y = "on",
+      variant: C = X.DefaultGray,
+      menuPlacement: y = "bottom",
+      disabled: r = !1,
+      searchProps: I,
+      withClearButton: f = !1,
+      disableInput: c = !1,
+      autocomplete: S = "on",
       immediate: P = !1
-    } = E, q = String((n == null ? void 0 : n[G]) || ""), [d, m] = D(q), [N, h] = D(n), k = W(() => !C || n && (n.id || n.name) ? p : d.trim().toLowerCase() ? p.filter(
+    } = E, b = String((n == null ? void 0 : n[G]) || ""), [d, m] = j(b), [k, h] = j(n), x = R(() => !w || n && (n.id || n.name) ? p : d.trim().toLowerCase() ? p.filter(
       (o) => o.name.toLowerCase().includes(d.toLowerCase())
-    ) : p, [d, p, n, C]), T = (o) => {
+    ) : p, [d, p, n, w]), T = (o) => {
       o ? (m(o.name), h(o), s == null || s(o)) : (m(""), h(null), s == null || s({ id: "", name: "" }));
-    }, x = R(
+    }, z = $(
       (o) => {
-        if (r) return;
+        if (c) return;
         const t = o.target.value;
         m(t), _ == null || _(t), !t && n && (s == null || s({ id: "", name: "" }));
       },
-      [r, s, _, n]
+      [c, s, _, n]
     ), H = () => {
       m(""), h(null), s == null || s({ id: "", name: "" });
     };
-    return $(() => {
+    return J(() => {
       const o = !n || typeof n == "object" && !Object.keys(n).length;
-      m(o ? "" : q), h(o ? null : n);
-    }, [n, q]), /* @__PURE__ */ a(
+      m(o ? "" : b), h(o ? null : n);
+    }, [n, b]), /* @__PURE__ */ l(
       Y,
       {
         as: "div",
-        value: N,
-        className: c(e["select-search"], {
+        value: k,
+        className: i(e["select-search"], {
           [e.full]: V,
-          [e.disabled]: l
+          [e.disabled]: r
         }),
         onChange: T,
         ref: L,
-        disabled: l,
-        virtual: { options: k },
+        disabled: r,
+        virtual: { options: x },
         immediate: P,
-        children: ({ open: o }) => /* @__PURE__ */ u(z, { children: [
+        children: ({ open: o }) => /* @__PURE__ */ u(D, { children: [
           /* @__PURE__ */ u(
             "div",
             {
-              className: c(e.container, e[i], {
+              className: i(e.container, e[a], {
                 [e["container-open"]]: o
               }),
               children: [
-                r && /* @__PURE__ */ u("div", { style: { position: "relative", width: "100%" }, children: [
-                  /* @__PURE__ */ a(M, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ a(
-                    j,
+                c && /* @__PURE__ */ u("div", { style: { position: "relative", width: "100%" }, children: [
+                  /* @__PURE__ */ l(B, { disabled: r, style: { width: "100%" }, children: /* @__PURE__ */ l(
+                    M,
                     {
-                      as: B,
-                      label: g,
-                      size: A(i),
-                      className: c(e["select-input"], {
-                        [e["select-input-disabled"]]: r && b
+                      as: O,
+                      label: v,
+                      size: q(a),
+                      className: i(e["select-input"], {
+                        [e["select-input-disabled"]]: c && f
                       }),
-                      onChange: x,
+                      onChange: z,
                       value: d,
-                      disabled: l,
-                      variant: I,
+                      disabled: r,
+                      variant: C,
                       rightSlotClassName: e["right-slot"],
                       requiredMarkClassName: e["required-mark"],
                       "data-testid": "select-search-input",
                       onFocus: (t) => {
-                        r && t.target.blur();
+                        c && t.target.blur();
                       },
                       rightAddon: {
                         addonType: "icon",
-                        addonContent: J(o, i)
+                        addonContent: Q(o, a)
                       },
-                      autocomplete: y,
-                      ...S
+                      autocomplete: S,
+                      ...I
                     }
                   ) }),
-                  b && d && /* @__PURE__ */ a(
-                    Q,
+                  f && d && /* @__PURE__ */ l(
+                    W,
                     {
                       tabIndex: -1,
-                      className: c(e.clear, {
-                        [e.disabled]: l
+                      className: i(e.clear, {
+                        [e.disabled]: r
                       }),
                       iconButtonClassName: e["icon-button"],
                       isIconButton: !0,
                       iconName: "Close16px",
                       size: "m-s",
                       clear: !0,
-                      disabled: l,
+                      disabled: r,
                       variant: "secondary-gray",
                       onClick: (t) => {
                         t.stopPropagation(), H();
@@ -143,35 +143,35 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
                     }
                   )
                 ] }),
-                !r && /* @__PURE__ */ a(
-                  j,
+                !c && /* @__PURE__ */ l(
+                  M,
                   {
-                    as: B,
-                    label: g,
-                    size: A(i),
+                    as: O,
+                    label: v,
+                    size: q(a),
                     className: e["select-input"],
-                    onChange: x,
+                    onChange: z,
                     value: d,
-                    disabled: l,
-                    variant: I,
-                    withClearButton: b,
+                    disabled: r,
+                    variant: C,
+                    withClearButton: f,
                     rightSlotClassName: e["right-slot"],
                     requiredMarkClassName: e["required-mark"],
                     "data-testid": "select-search-input",
-                    rightAddon: w ? {
+                    rightAddon: g ? {
                       addonType: "react-node",
-                      addonContent: w && /* @__PURE__ */ a(
-                        M,
+                      addonContent: g && /* @__PURE__ */ l(
+                        B,
                         {
-                          className: c(e.button, {
-                            [e.disabled]: l
+                          className: i(e.button, {
+                            [e.disabled]: r
                           }),
-                          disabled: l,
-                          children: /* @__PURE__ */ a(
-                            O,
+                          disabled: r,
+                          children: /* @__PURE__ */ l(
+                            A,
                             {
-                              iconName: i == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                              className: c(e["selector-icon"], {
+                              iconName: a == N.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                              className: i(e["selector-icon"], {
                                 [e["selector-icon-open"]]: o
                               })
                             }
@@ -180,32 +180,32 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
                       )
                     } : void 0,
                     onFocus: (t) => {
-                      r && t.target.blur();
+                      c && t.target.blur();
                     },
-                    autocomplete: y,
-                    ...S
+                    autocomplete: S,
+                    ...I
                   }
                 )
               ]
             }
           ),
-          o && /* @__PURE__ */ a(z, { children: p.length ? k.length ? /* @__PURE__ */ a(
+          o && /* @__PURE__ */ l(D, { children: p.length ? x.length ? /* @__PURE__ */ l(
             Z,
             {
               "data-testid": "select-search-options",
-              className: c(
+              className: i(
                 e.options,
-                e[i],
-                e[f]
+                e[a],
+                e[y]
               ),
               children: ({ option: t }) => /* @__PURE__ */ u(
                 ee,
                 {
                   value: t,
-                  className: ({ focus: K }) => c(
+                  className: ({ focus: K }) => i(
                     e.option,
                     F,
-                    i && e[i],
+                    a && e[a],
                     {
                       [e["option-active"]]: K
                     }
@@ -214,12 +214,12 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
                   children: [
                     /* @__PURE__ */ u("div", { className: e["option-inner"], children: [
                       t.name,
-                      t.bottom && /* @__PURE__ */ a("div", { children: t.bottom })
+                      t.bottom && /* @__PURE__ */ l("div", { children: t.bottom })
                     ] }),
-                    N && N.id === t.id && /* @__PURE__ */ a(
-                      O,
+                    k && k.id === t.id && /* @__PURE__ */ l(
+                      A,
                       {
-                        iconName: i === v.M ? "Done16px" : "Done24px",
+                        iconName: a === N.M ? "Done16px" : "Done24px",
                         className: e["selected-icon"]
                       }
                     )
@@ -228,25 +228,25 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
                 t.id
               )
             }
-          ) : /* @__PURE__ */ a(
+          ) : /* @__PURE__ */ l(
             "div",
             {
-              className: c(
+              className: i(
                 e.options,
-                e[i],
+                e[a],
                 e["no-options"],
-                e[f]
+                e[y]
               ),
               children: "Ничего не найдено"
             }
-          ) : /* @__PURE__ */ a(
+          ) : /* @__PURE__ */ l(
             "div",
             {
-              className: c(
+              className: i(
                 e.options,
-                e[i],
+                e[a],
                 e["no-options"],
-                e[f]
+                e[y]
               ),
               children: "Нет данных"
             }
@@ -257,5 +257,5 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
   }
 );
 export {
-  we as SelectSearch
+  ge as SelectSearch
 };

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

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

package/dist/components/UniversalUploader/UniversalUploader.js

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

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

@@ -53,6 +53,18 @@ export type TUploader = {
      * Класс для кнопки
      */
     buttonClassName?: string;
+    /**
+     * Проп для обработки ошибки при превышении максимального количества файлов
+     */
+    onMaxFilesExceeded?: () => void;
+    /**
+     * Проп для обработки ошибки при превышении максимального размера файла
+     */
+    onMaxSizeExceeded?: (fileName: string) => void;
+    /**
+     * Проп для обработки ошибки при загрузке файла неразрешенного типа
+     */
+    onInvalidFileType?: (fileName: string) => void;
 };
 export type TUploadValue = {
     value: TFileItem[];