mimir-ui-kit 1.37.5 → 1.37.7

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/TabButtons/TabButtons.d.ts

@@ -1,8 +1,10 @@
 import { FC } from 'react';
+import { ETabTrailButtonVariant } from './constants';
 
 type TProps = {
     handleNextTab: () => void;
     handlePrevTab: () => void;
+    buttonsVariant?: ETabTrailButtonVariant | `${ETabTrailButtonVariant}`;
 };
 export declare const TabButtons: FC<TProps>;
 export {};

package/dist/components/TabTrail/TabButtons/TabButtons.js

@@ -1,29 +1,33 @@
-import { jsx as m } from "react/jsx-runtime";
-import { memo as a, useMemo as u } from "react";
-import { ETabTrailIconName as r, ETabTrailButtonVariant as n } from "./constants.js";
-import { MergedButton as c } from "../../MergedButton/MergedButton.js";
-const p = a(
-  ({ handleNextTab: o, handlePrevTab: t }) => {
-    const i = u(
+import { jsx as n } from "react/jsx-runtime";
+import { memo as c, useMemo as e } from "react";
+import { ETabTrailIconName as m, ETabTrailButtonVariant as u } from "./constants.js";
+import { MergedButton as a } from "../../MergedButton/MergedButton.js";
+const I = c(
+  ({
+    handleNextTab: t,
+    handlePrevTab: r,
+    buttonsVariant: o = u.WHITE
+  }) => {
+    const i = e(
       () => [
         {
           isIconButton: !0,
-          iconName: r.LEFT,
-          variant: n.WHITE,
-          onClick: t
+          iconName: m.LEFT,
+          variant: o,
+          onClick: r
         },
         {
           isIconButton: !0,
-          iconName: r.RIGHT,
-          variant: n.WHITE,
-          onClick: o
+          iconName: m.RIGHT,
+          variant: o,
+          onClick: t
         }
       ],
-      [t, o]
+      [r, t, o]
     );
-    return /* @__PURE__ */ m(c, { buttons: i });
+    return /* @__PURE__ */ n(a, { buttons: i });
   }
 );
 export {
-  p as TabButtons
+  I as TabButtons
 };

package/dist/components/TabTrail/TabTrail.d.ts

@@ -1,4 +1,5 @@
 import { ETabTrailSize } from './constants';
+import { ETabTrailButtonVariant } from './TabButtons/constants';
 
 export type TCategoryTab = {
     /**
@@ -39,5 +40,9 @@ export type TTabTrailProps = {
      * Функция обратного вызова при изменении выбранного таба.
      */
     onTabChange?: (index: number) => void;
+    /**
+     * Вариант кнопок навигации
+     */
+    buttonsVariant?: ETabTrailButtonVariant | `${ETabTrailButtonVariant}`;
 };
 export declare const TabTrail: import('react').ForwardRefExoticComponent<TTabTrailProps & import('react').RefAttributes<HTMLElement>>;