mimir-ui-kit 1.61.1 → 1.63.0

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,35 +1,42 @@
-import { jsx as d } from "react/jsx-runtime";
-import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
-import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-DPnH8pKc.js";
-const h = I(
-  i(
-    ({ value: s = "", onChange: e, ...p }, a) => {
-      const [r, l] = c(
-        () => m(s)
-      ), n = f(
-        (t) => {
-          const u = m(t.target.value);
-          l(u), e == null || e({
-            ...t,
-            target: {
-              ...t.target,
-              value: o(u)
-            }
-          });
-        },
-        [e]
-      );
-      return P(
-        a,
-        () => ({
-          getPhoneNumber: () => o(r)
-        })
-      ), /* @__PURE__ */ d(b, { ref: a, value: r, onChange: n, ...p });
-    }
-  )
+import { jsx as f } from "react/jsx-runtime";
+import { memo as P, forwardRef as b, useState as h, useCallback as k, useImperativeHandle as I } from "react";
+import { getMaskedInputPhoneValue as n, getUnmaskedInputValue as p } from "./utils.js";
+import { I as N } from "../../Input-CqNPT8os.js";
+const g = P(
+  b(({ value: l = "", onChange: e, dataTestIdReactMap: u, ...s }, t) => {
+    const [m, i] = h(
+      () => n(l)
+    ), a = k(
+      (r) => {
+        const o = n(r.target.value);
+        i(o), e == null || e({
+          ...r,
+          target: {
+            ...r.target,
+            value: p(o)
+          }
+        });
+      },
+      [e]
+    );
+    return I(
+      t,
+      () => ({
+        getPhoneNumber: () => p(m)
+      })
+    ), /* @__PURE__ */ f(
+      N,
+      {
+        ref: t,
+        value: m,
+        onChange: a,
+        dataTestIdReactMap: { input: u == null ? void 0 : u.input },
+        ...s
+      }
+    );
+  })
 );
-h.displayName = "InputPhoneNumber";
+g.displayName = "InputPhoneNumber";
 export {
-  h as InputPhoneNumber
+  g as InputPhoneNumber
 };

package/dist/components/Loader/Loader.d.ts

@@ -1,7 +1,12 @@
 import { ELoaderSize } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 
 type TProps = {
     size?: ELoaderSize | `${ELoaderSize}`;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'loader' | 'circle'>;
 };
-export declare const Loader: ({ size }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Loader: ({ size, dataTestIdReactMap }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Loader/Loader.js

@@ -1,16 +1,39 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { c as r } from "../../index-DIxK0V-G.js";
-import { ELoaderSize as o } from "./constants.js";
-import '../../assets/Loader.css';const t = "_loader_1qwwg_2", l = "_circle_1qwwg_9", m = "_animate_1qwwg_1", i = "_s_1qwwg_33", _ = "_m_1qwwg_37", s = {
-  loader: t,
-  circle: l,
-  animate: m,
-  s: i,
-  m: _
-}, p = ({ size: c = o.M }) => /* @__PURE__ */ e("div", { className: r(s.loader, s[c]), "data-testid": "loader", children: [
-  /* @__PURE__ */ a("span", { className: s.circle }),
-  /* @__PURE__ */ a("span", { className: s.circle })
-] });
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { c as m } from "../../index-DIxK0V-G.js";
+import { ELoaderSize as s } from "./constants.js";
+import '../../assets/Loader.css';const _ = "_loader_1qwwg_2", n = "_circle_1qwwg_9", w = "_animate_1qwwg_1", e = "_s_1qwwg_33", g = "_m_1qwwg_37", o = {
+  loader: _,
+  circle: n,
+  animate: w,
+  s: e,
+  m: g
+}, x = ({
+  size: l = s.M,
+  dataTestIdReactMap: r
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    "data-testid-react": r == null ? void 0 : r.loader,
+    className: m(o.loader, o[l]),
+    "data-testid": "loader",
+    children: [
+      /* @__PURE__ */ i(
+        "span",
+        {
+          "data-testid-react": r == null ? void 0 : r.circle,
+          className: o.circle
+        }
+      ),
+      /* @__PURE__ */ i(
+        "span",
+        {
+          "data-testid-react": r == null ? void 0 : r.circle,
+          className: o.circle
+        }
+      )
+    ]
+  }
+);
 export {
-  p as Loader
+  x as Loader
 };

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -14,7 +14,7 @@ import { useVirtualization as gt } from "./hooks/useVirtualization.js";
 import { normalizeDataForNestedSelection as It, flattenOptions as St, updateInputValueAfterChange as ue, getInitialInputValue as Nt, mapSizeToInputSize as me, getDropdownArrowIcon as zt, processNestedSelectionChange as pe, flattenSelectedItems as wt, dispatchMultiselectOpen as A, highlightReactNode as Ct } from "./utils.js";
 import { Icon as vt } from "../../icons/Icon.js";
 import { Button as yt } from "../Button/Button.js";
-import { I as fe } from "../../Input-DPnH8pKc.js";
+import { I as fe } from "../../Input-CqNPT8os.js";
 import { EInputVariant as bt } from "../Input/constants.js";
 import { Loader as he } from "../Loader/Loader.js";
 import { H as Ot, U as ge, G as Ie } from "../../combobox-fIVOzEhl.js";

package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.d.ts

@@ -25,6 +25,7 @@ type TUseRenderVirtualizedListProps = {
     highlightMatches?: boolean;
     internalSearchQuery?: string;
     searchInHeaderGroupItems?: boolean;
+    isModal?: boolean;
 };
-export declare const useRenderVirtualizedList: ({ items, filteredItems, size, actualMenuPlacement, isVisible, noOptionsText, noMatchText, enableNestedSelection, renderNestedOptions, groupBy, parentRef, virtualItems, virtualizer, classNameOption, selectedItems, renderOptionContent, cls, useIconInsteadOfCheckbox, highlightMatches, internalSearchQuery, searchInHeaderGroupItems }: TUseRenderVirtualizedListProps) => () => ReactNode;
+export declare const useRenderVirtualizedList: ({ items, filteredItems, size, actualMenuPlacement, isVisible, noOptionsText, noMatchText, enableNestedSelection, renderNestedOptions, groupBy, parentRef, virtualItems, virtualizer, classNameOption, selectedItems, renderOptionContent, cls, useIconInsteadOfCheckbox, highlightMatches, internalSearchQuery, searchInHeaderGroupItems, isModal }: TUseRenderVirtualizedListProps) => () => ReactNode;
 export {};

package/dist/components/MultiSelectSearch/hooks/useRenderVirtualizedList.js

@@ -1,14 +1,14 @@
 import { jsx as n, jsxs as $, Fragment as D } from "react/jsx-runtime";
-import { c } from "../../../index-DIxK0V-G.js";
+import { c as f } from "../../../index-DIxK0V-G.js";
 import { Icon as k } from "../../../icons/Icon.js";
 import { CheckboxMimir as b } from "../../CheckboxMimir/CheckboxMimir.js";
 import { EMultiSelectSearchSize as j } from "../constants.js";
-import { highlightReactNode as I } from "../utils.js";
-import { W as E, K } from "../../../combobox-fIVOzEhl.js";
-const W = (i, a, o, r, e) => /* @__PURE__ */ n(
+import { highlightReactNode as K } from "../utils.js";
+import { W as E, K as W } from "../../../combobox-fIVOzEhl.js";
+const w = (i, a, o, r, e) => /* @__PURE__ */ n(
   "div",
   {
-    className: c(
+    className: f(
       e.options,
       e[i],
       e["no-options"],
@@ -17,10 +17,10 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
     ),
     children: r
   }
-), w = (i, a, o, r, e) => /* @__PURE__ */ n(
+), F = (i, a, o, r, e) => /* @__PURE__ */ n(
   "div",
   {
-    className: c(
+    className: f(
       e.options,
       e[i],
       e["no-options"],
@@ -29,21 +29,21 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
     ),
     children: r
   }
-), F = (i, a, o, r, e, p) => /* @__PURE__ */ n(
+), H = (i, a, o, r, e, p) => /* @__PURE__ */ n(
   "div",
   {
-    className: c(p.options, p[i], p[a], {
+    className: f(p.options, p[i], p[a], {
       [p.visible]: o
     }),
     children: e(r)
   }
-), H = (i, a, o, r, e, p, d, N, v, t, m, f, x, g, l) => {
-  const u = new Set(N.map((s) => s.id));
+), T = (i, a, o, r, e, p, d, v, x, t, g, m, N, c, l) => {
+  const u = new Set(v.map((s) => s.id));
   return /* @__PURE__ */ n(
     "div",
     {
       ref: r,
-      className: c(
+      className: f(
         t.options,
         t[i],
         t[a],
@@ -76,9 +76,9 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
                   {
                     className: t["group-header"],
                     "data-testid": `group-header-${h.name}`,
-                    children: x && g && l ? I(
+                    children: N && c && l ? K(
                       h.name,
-                      g,
+                      c,
                       t["highlighted-text"]
                     ) : h.name
                   }
@@ -86,13 +86,13 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
                   E,
                   {
                     value: h,
-                    className: ({ focus: L }) => c(t.option, d, i && t[i], {
-                      [t["option-active"]]: L && !m
+                    className: ({ focus: L }) => f(t.option, d, i && t[i], {
+                      [t["option-active"]]: L && !g
                     }),
                     "data-testid": `option-${h.id}`,
                     children: /* @__PURE__ */ $(D, { children: [
-                      /* @__PURE__ */ n("div", { className: t["option-inner"], children: v(h) }),
-                      f ? S && /* @__PURE__ */ n(
+                      /* @__PURE__ */ n("div", { className: t["option-inner"], children: x(h) }),
+                      m ? S && /* @__PURE__ */ n(
                         k,
                         {
                           iconName: i === j.L ? "Done24px" : "Done16px",
@@ -117,35 +117,35 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
       )
     }
   );
-}, T = (i, a, o, r, e, p, d, N, v) => {
-  const t = new Set(e.map((m) => m.id));
+}, Y = (i, a, o, r, e, p, d, v, x, t) => {
+  const g = new Set(e.map((m) => m.id));
   return /* @__PURE__ */ n(
-    K,
+    W,
     {
-      className: c(d.options, d[i], d[a], {
+      className: f(d.options, d[i], d[a], {
         [d.visible]: o
       }),
-      modal: !1,
+      modal: t,
       static: !0,
       children: ({ option: m }) => {
-        const f = t.has(m.id);
+        const N = g.has(m.id);
         return /* @__PURE__ */ n(
           E,
           {
             value: m,
-            className: ({ focus: x }) => c(d.option, r, i && d[i], {
-              [d["option-active"]]: x && !N
+            className: ({ focus: c }) => f(d.option, r, i && d[i], {
+              [d["option-active"]]: c && !v
             }),
             "data-testid": `option-${m.id}`,
             children: /* @__PURE__ */ $(D, { children: [
               /* @__PURE__ */ n("div", { className: d["option-inner"], children: p(m) }),
-              v ? f && /* @__PURE__ */ n(
+              x ? N && /* @__PURE__ */ n(
                 k,
                 {
                   iconName: i === j.L ? "Done24px" : "Done16px",
                   className: d["selected-icon"]
                 }
-              ) : /* @__PURE__ */ n(b, { isInteractive: !1, checked: f })
+              ) : /* @__PURE__ */ n(b, { isInteractive: !1, checked: N })
             ] })
           },
           m.id
@@ -153,7 +153,7 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
       }
     }
   );
-}, Z = ({
+}, _ = ({
   items: i,
   filteredItems: a,
   size: o,
@@ -161,35 +161,36 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
   isVisible: e,
   noOptionsText: p,
   noMatchText: d,
-  enableNestedSelection: N,
-  renderNestedOptions: v,
+  enableNestedSelection: v,
+  renderNestedOptions: x,
   groupBy: t,
-  parentRef: m,
-  virtualItems: f,
-  virtualizer: x,
-  classNameOption: g,
+  parentRef: g,
+  virtualItems: m,
+  virtualizer: N,
+  classNameOption: c,
   selectedItems: l,
   renderOptionContent: u,
   cls: s,
   useIconInsteadOfCheckbox: h = !1,
   highlightMatches: S = !1,
   internalSearchQuery: L,
-  searchInHeaderGroupItems: G = !1
-}) => () => i.length ? a.length ? N ? F(
+  searchInHeaderGroupItems: G = !1,
+  isModal: I = !0
+}) => () => i.length ? a.length ? v ? H(
   o,
   r,
   e,
   a,
-  v,
+  x,
   s
-) : t ? H(
+) : t ? T(
   o,
   r,
   e,
-  m,
-  f,
-  x,
   g,
+  m,
+  N,
+  c,
   l,
   u,
   s,
@@ -198,23 +199,24 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
   S,
   L,
   G
-) : T(
+) : Y(
   o,
   r,
   e,
-  g,
+  c,
   l,
   u,
   s,
   t,
-  h
-) : w(
+  h,
+  I
+) : F(
   o,
   r,
   e,
   d,
   s
-) : W(
+) : w(
   o,
   r,
   e,
@@ -222,5 +224,5 @@ const W = (i, a, o, r, e) => /* @__PURE__ */ n(
   s
 );
 export {
-  Z as useRenderVirtualizedList
+  _ as useRenderVirtualizedList
 };

package/dist/components/MultiSelectSearch/utils.js

@@ -1,6 +1,6 @@
 import { createElement as g, Fragment as S, isValidElement as w, cloneElement as E } from "react";
 import { EMultiSelectSearchSize as a, MOBILE_MENU_HEIGHT as M, DESKTOP_MENU_HEIGHT as T } from "./constants.js";
-import "../../Input-DPnH8pKc.js";
+import "../../Input-CqNPT8os.js";
 import { EInputSize as f } from "../Input/constants.js";
 const j = (n) => {
   switch (n) {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as v, DEFAULT_VALUE_LENGTH as y } from "./constants.js";
 import { useOTPInput as z } from "./hooks.js";
-import { I as A } from "../../Input-DPnH8pKc.js";
+import { I as A } from "../../Input-CqNPT8os.js";
 import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
   otp: C,
   "input-wrapper": "_input-wrapper_1ncuz_13",

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,6 @@
 import { RadioGroupProps } from '@headlessui/react';
 import { ReactNode } from 'react';
+import { TDataTestIdReactMap } from '../../types';
 
 export interface TRadioOption {
     value: string;
@@ -36,6 +37,10 @@ export type TRadioGroupProps = Omit<RadioGroupProps, 'value'> & {
      * Дополнительный класснейм для обертки контента радиогруппы.
      */
     classNameContentWrapper?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'group' | 'label' | 'contentWrapper' | 'radio' | 'frame'>;
 };
 /**
  * Компонент RadioGroup для выбора одной опции из нескольких.
@@ -68,4 +73,8 @@ export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<
      * Дополнительный класснейм для обертки контента радиогруппы.
      */
     classNameContentWrapper?: string;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<"group" | "label" | "contentWrapper" | "radio" | "frame">;
 } & import('react').RefAttributes<HTMLElement>>;