mimir-ui-kit 1.61.1 → 1.63.0

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { ELoadingIndicatorPlacement, ESelectSearchBorderRadius, ESelectSearchSize } from './constants';
+import { TDataTestIdReactMap } from '../../types';
 import { TInputProps } from '../Input';
 
 export type TSelectOption = {
@@ -114,4 +115,12 @@ export type TSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'
      * @default false
      */
     searchInHeaderGroupItems?: boolean;
+    /**
+     * Если `false`, разрешает прокрутку страницы и клики по внешним элементам при открытом списке, иначе блокирует скролл.
+     */
+    isModal?: boolean;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'selectSearch' | 'container' | 'input' | 'options' | 'option' | 'groupHeader' | 'clearButton' | 'loadingIndicator'>;
 };

package/dist/components/SelectSearch/utils.js

@@ -1,6 +1,6 @@
 import { createElement as u, Fragment as l, isValidElement as g, cloneElement as m } from "react";
 import { ESelectSearchSize as s, MOBILE_MENU_HEIGHT as h, DESKTOP_MENU_HEIGHT as w } from "./constants.js";
-import "../../Input-DPnH8pKc.js";
+import "../../Input-CqNPT8os.js";
 import { EInputSize as c } from "../Input/constants.js";
 const A = (r) => {
   switch (r) {

package/dist/components/TextArea/TextArea.d.ts

@@ -2,6 +2,6 @@ import { TTextAreaProps } from './types';
 import { TAdditionalProps } from '../Input';
 
 export type TProps = TAdditionalProps & TTextAreaProps;
-export declare const TextArea: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TAdditionalProps & Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "readOnly"> & {
+export declare const TextArea: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TAdditionalProps & Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "readOnly" | "size"> & {
     inputSize?: `${import('./constants').ETextAreaInputSize}` | import('./constants').ETextAreaInputSize;
 } & import('react').RefAttributes<HTMLTextAreaElement>>>;

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Z } from "./hooks.js";
 import { useMergeRefs as $ } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as ee } from "../../icons/Icon.js";
 import { Button as te } from "../Button/Button.js";
-import { c as e } from "../../Input-DPnH8pKc.js";
+import { c as e } from "../../Input-CqNPT8os.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const re = "_textarea_rk5xe_2", se = "_clear_rk5xe_11", le = "_label_rk5xe_26", ne = "_s_rk5xe_71", oe = "_m_rk5xe_84", ce = "_l_rk5xe_26", t = {
   "textarea-wrapper": "_textarea-wrapper_rk5xe_2",

package/dist/components/TextAreaV2/TextArea.js

@@ -1,183 +1,187 @@
-import { jsxs as g, jsx as u } from "react/jsx-runtime";
-import { c as _ } from "../../index-DIxK0V-G.js";
-import { memo as Z, forwardRef as L, useId as R, useRef as E, useState as I, useEffect as b, useCallback as w } from "react";
-import { ETextAreaSize as h, ETextAreaVariant as ee } from "./constants.js";
-import { getCurrentText as D, setEditableText as q, clampByMaxLength as te, placeCaretAtEnd as re, getMaxHeightStyle as ae } from "./utils.js";
-import { useMergeRefs as ne } from "../../hooks/useMergeRefs/useMergeRefs.js";
-import { Icon as se } from "../../icons/Icon.js";
-import { MiniButton as oe } from "../MiniButton/MiniButton.js";
-import '../../assets/TextArea2.css';const ce = "_textarea_swf3z_2", le = "_disabled_swf3z_68", ue = "_clear_swf3z_112", ie = "_label_swf3z_128", de = "_message_swf3z_184", fe = "_error_swf3z_188", _e = "_success_swf3z_219", me = "_alarm_swf3z_226", pe = "_s_swf3z_219", we = "_m_swf3z_184", xe = "_l_swf3z_128", t = {
+import { jsxs as p, jsx as u } from "react/jsx-runtime";
+import { c as d } from "../../index-DIxK0V-G.js";
+import { memo as M, forwardRef as I, useId as R, useRef as V, useState as F, useEffect as ee, useCallback as g } from "react";
+import { ETextAreaSize as z, ETextAreaVariant as re } from "./constants.js";
+import { getCurrentText as A, setEditableText as $, clampByMaxLength as te, placeCaretAtEnd as ne, getMaxHeightStyle as se } from "./utils.js";
+import { useMergeRefs as oe } from "../../hooks/useMergeRefs/useMergeRefs.js";
+import { Icon as ce } from "../../icons/Icon.js";
+import { MiniButton as ae } from "../MiniButton/MiniButton.js";
+import '../../assets/TextArea2.css';const le = "_textarea_swf3z_2", ie = "_disabled_swf3z_68", ue = "_clear_swf3z_112", fe = "_label_swf3z_128", _e = "_message_swf3z_184", me = "_error_swf3z_188", de = "_success_swf3z_219", xe = "_alarm_swf3z_226", we = "_s_swf3z_219", ge = "_m_swf3z_184", he = "_l_swf3z_128", r = {
   "textarea-wrapper": "_textarea-wrapper_swf3z_2",
-  textarea: ce,
-  disabled: le,
+  textarea: le,
+  disabled: ie,
   "with-value": "_with-value_swf3z_85",
   clear: ue,
   "has-left-addon": "_has-left-addon_swf3z_115",
   "has-clear": "_has-clear_swf3z_119",
   "is-required": "_is-required_swf3z_123",
-  label: ie,
+  label: fe,
   "is-focused": "_is-focused_swf3z_148",
   "textarea-right-addon": "_textarea-right-addon_swf3z_152",
   "textarea-left-addon": "_textarea-left-addon_swf3z_153",
   "required-mark": "_required-mark_swf3z_169",
   "addon-icon": "_addon-icon_swf3z_179",
-  message: de,
-  error: fe,
+  message: _e,
+  error: me,
   "right-addons-content": "_right-addons-content_swf3z_192",
   "default-gray": "_default-gray_swf3z_201",
   "default-white": "_default-white_swf3z_210",
-  success: _e,
-  alarm: me,
-  s: pe,
-  m: we,
-  l: xe
-}, ge = (i, c) => {
-  if (!i)
+  success: de,
+  alarm: xe,
+  s: we,
+  m: ge,
+  l: he
+}, pe = (f, l) => {
+  if (!f)
     return null;
-  switch (i.addonType) {
+  switch (f.addonType) {
     case "icon": {
-      const d = c === h.L, z = c === h.M, r = c === h.S;
+      const _ = l === z.L, N = l === z.M, n = l === z.S;
       return /* @__PURE__ */ u(
-        se,
+        ce,
         {
           style: {
-            "--icon-size": _({
-              "16px": z || r,
-              "24px": d
+            "--icon-size": d({
+              "16px": N || n,
+              "24px": _
             })
           },
-          className: t["addon-icon"],
-          iconName: i.addonContent
+          className: r["addon-icon"],
+          iconName: f.addonContent
         }
       );
     }
     case "text":
-      return i.addonContent;
+      return f.addonContent;
     default:
       return null;
   }
-}, he = Z(
-  L(
+}, ze = M(
+  I(
     ({
-      className: i,
-      label: c,
-      required: d,
-      leftAddon: z,
-      disabled: r,
-      autofocus: V,
-      withClearButton: C,
-      value: S,
-      onChange: x,
-      maxLength: f,
-      maxRows: B,
-      message: k,
-      size: m = h.M,
-      status: A,
-      variant: F = ee.DefaultGray,
-      containerClassName: $,
-      wrapperClassName: j
-    }, H) => {
-      const N = R(), v = ge(z, m), a = E(null), T = E(!1), K = ne(H, a), [p, M] = I(
-        V
-      ), [P, W] = I(""), y = S !== void 0, n = y ? S ?? "" : P, G = ae(m, B);
-      b(() => {
-        const e = a.current;
+      className: f,
+      label: l,
+      required: _,
+      leftAddon: N,
+      disabled: n,
+      autofocus: j,
+      withClearButton: S,
+      value: k,
+      onChange: h,
+      maxLength: m,
+      maxRows: H,
+      message: E,
+      size: x = z.M,
+      status: q,
+      variant: K = re.DefaultGray,
+      containerClassName: P,
+      wrapperClassName: W,
+      dataTestIdReactMap: t
+    }, G) => {
+      const v = R(), y = pe(N, x), s = V(null), D = V(!1), U = oe(G, s), [w, B] = F(
+        j
+      ), [b, J] = F(""), C = k !== void 0, o = C ? k ?? "" : b, O = se(x, H);
+      ee(() => {
+        const e = s.current;
         if (e) {
-          if (T.current) {
-            T.current = !1;
+          if (D.current) {
+            D.current = !1;
             return;
           }
-          D(e) !== n && q(n, e);
+          A(e) !== o && $(o, e);
         }
-      }, [n]);
-      const l = w(
-        (e, o = !1) => {
-          const s = te(e, f);
-          y ? x == null || x(s) : W(s), o && (T.current = !0, q(s, a == null ? void 0 : a.current), re(a == null ? void 0 : a.current));
+      }, [o]);
+      const i = g(
+        (e, a = !1) => {
+          const c = te(e, m);
+          C ? h == null || h(c) : J(c), a && (D.current = !0, $(c, s == null ? void 0 : s.current), ne(s == null ? void 0 : s.current));
         },
-        [y, x, f]
-      ), U = w(() => {
-        if (r) return;
-        const e = D(a == null ? void 0 : a.current);
-        typeof f == "number" && f >= 0 && e.length > f ? l(e, !0) : e.length === 0 ? l("", !0) : l(e);
-      }, [l, f, r]), J = w(
+        [C, h, m]
+      ), Q = g(() => {
+        if (n) return;
+        const e = A(s == null ? void 0 : s.current);
+        typeof m == "number" && m >= 0 && e.length > m ? i(e, !0) : e.length === 0 ? i("", !0) : i(e);
+      }, [i, m, n]), X = g(
         (e) => {
-          if (r)
+          if (n)
             return;
           e.preventDefault();
-          const o = (e.clipboardData.getData("text/plain") || "").replace(/\r\n|\r/g, `
-`), s = window.getSelection();
-          s != null && s.rangeCount && (s.deleteFromDocument(), s.getRangeAt(0).insertNode(document.createTextNode(o)), s.collapseToEnd());
-          const Y = D(a == null ? void 0 : a.current);
-          l(Y, !0);
+          const a = (e.clipboardData.getData("text/plain") || "").replace(/\r\n|\r/g, `
+`), c = window.getSelection();
+          c != null && c.rangeCount && (c.deleteFromDocument(), c.getRangeAt(0).insertNode(document.createTextNode(a)), c.collapseToEnd());
+          const T = A(s == null ? void 0 : s.current);
+          i(T, !0);
         },
-        [l, r]
-      ), O = w(
+        [i, n]
+      ), Y = g(
         (e) => {
-          r && e.preventDefault();
+          n && e.preventDefault();
         },
-        [r]
-      ), Q = w(() => {
+        [n]
+      ), Z = g(() => {
         var e;
-        l("", !0), (e = a.current) == null || e.focus();
-      }, [l]), X = _(
-        t["textarea-wrapper"],
-        t[F],
-        t[m],
-        t[A ?? ""],
-        d && t.required,
-        r && t.disabled,
-        !!n && t["with-value"],
-        v && t["has-left-addon"],
-        C && !!n && t["has-clear"],
-        d && !p && t["is-required"],
-        j
+        i("", !0), (e = s.current) == null || e.focus();
+      }, [i]), L = d(
+        r["textarea-wrapper"],
+        r[K],
+        r[x],
+        r[q ?? ""],
+        _ && r.required,
+        n && r.disabled,
+        !!o && r["with-value"],
+        y && r["has-left-addon"],
+        S && !!o && r["has-clear"],
+        _ && !w && r["is-required"],
+        W
       );
-      return /* @__PURE__ */ g(
+      return /* @__PURE__ */ p(
         "div",
         {
-          id: `textarea-container-${N}`,
-          className: _(t["textarea-container"], $),
+          "data-testid-react": t == null ? void 0 : t.textarea,
+          id: `textarea-container-${v}`,
+          className: d(r["textarea-container"], P),
           children: [
-            /* @__PURE__ */ g(
+            /* @__PURE__ */ p(
               "div",
               {
                 "data-testid": "textarea-wrapper",
-                id: `textarea-wrapper-${N}`,
-                tabIndex: r ? -1 : 0,
-                className: X,
+                id: `textarea-wrapper-${v}`,
+                tabIndex: n ? -1 : 0,
+                className: L,
                 onMouseDown: (e) => {
-                  var o;
-                  r || e.target === e.currentTarget && (e.preventDefault(), (o = a.current) == null || o.focus());
+                  var a;
+                  n || e.target === e.currentTarget && (e.preventDefault(), (a = s.current) == null || a.focus());
                 },
                 onFocusCapture: (e) => {
-                  var o;
-                  r || (e.target === e.currentTarget && ((o = a.current) == null || o.focus()), e.currentTarget.contains(e.relatedTarget) || M(!0));
+                  var a;
+                  n || (e.target === e.currentTarget && ((a = s.current) == null || a.focus()), e.currentTarget.contains(e.relatedTarget) || B(!0));
                 },
                 onBlurCapture: (e) => {
-                  r || e.currentTarget.contains(e.relatedTarget) || M(!1);
+                  n || e.currentTarget.contains(e.relatedTarget) || B(!1);
                 },
                 children: [
-                  v && /* @__PURE__ */ u(
+                  y && /* @__PURE__ */ u(
                     "div",
                     {
+                      "data-testid-react": t == null ? void 0 : t.leftAddon,
                       "data-testid": "left-addon",
-                      className: t["textarea-left-addon"],
-                      children: v
+                      className: r["textarea-left-addon"],
+                      children: y
                     }
                   ),
-                  c && /* @__PURE__ */ g(
+                  l && /* @__PURE__ */ p(
                     "span",
                     {
-                      className: _(t.label, {
-                        [t["is-focused"]]: !!n || p
+                      "data-testid-react": t == null ? void 0 : t.label,
+                      className: d(r.label, {
+                        [r["is-focused"]]: !!o || w
                       }),
                       children: [
-                        c,
-                        d && (!!n || p) && /* @__PURE__ */ u(
+                        l,
+                        _ && (!!o || w) && /* @__PURE__ */ u(
                           "span",
                           {
-                            className: t["required-mark"],
+                            className: r["required-mark"],
                             "data-testid": "required-mark"
                           }
                         )
@@ -187,69 +191,78 @@ import '../../assets/TextArea2.css';const ce = "_textarea_swf3z_2", le = "_disab
                   /* @__PURE__ */ u(
                     "div",
                     {
-                      id: `textarea-${N}`,
-                      className: _(
-                        t.textarea,
-                        i,
-                        r && t.disabled,
+                      "data-testid-react": t == null ? void 0 : t.textbox,
+                      id: `textarea-${v}`,
+                      className: d(
+                        r.textarea,
+                        f,
+                        n && r.disabled,
                         {
-                          [t["with-value"]]: !!n
+                          [r["with-value"]]: !!o
                         }
                       ),
                       role: "textbox",
                       "aria-multiline": !0,
-                      "aria-label": c,
-                      "aria-disabled": r,
-                      onInput: U,
-                      onKeyDown: O,
+                      "aria-label": l,
+                      "aria-disabled": n,
+                      onInput: Q,
+                      onKeyDown: Y,
                       onBeforeInput: (e) => {
-                        r && e.preventDefault();
+                        n && e.preventDefault();
                       },
                       contentEditable: !0,
                       suppressContentEditableWarning: !0,
-                      onPaste: J,
-                      ref: K,
-                      style: G,
+                      onPaste: X,
+                      ref: U,
+                      style: O,
                       tabIndex: -1,
-                      "data-placeholder": n || p ? void 0 : c
+                      "data-placeholder": o || w ? void 0 : l
                     }
                   ),
-                  /* @__PURE__ */ g("div", { className: t["right-addons-content"], children: [
-                    d && !n && !p && /* @__PURE__ */ u(
+                  /* @__PURE__ */ p("div", { className: r["right-addons-content"], children: [
+                    _ && !o && !w && /* @__PURE__ */ u(
                       "span",
                       {
-                        className: t["required-mark"],
+                        className: r["required-mark"],
                         "data-testid": "required-mark"
                       }
                     ),
-                    C && !!n && /* @__PURE__ */ u(
-                      oe,
+                    S && !!o && /* @__PURE__ */ u(
+                      ae,
                       {
-                        className: t.clear,
-                        iconName: m === "l" ? "Close16px" : "Close12px",
-                        size: m === "l" ? "l" : "m-s",
+                        "data-testid-react": t == null ? void 0 : t.clearBtn,
+                        className: r.clear,
+                        iconName: x === "l" ? "Close16px" : "Close12px",
+                        size: x === "l" ? "l" : "m-s",
                         variant: "transparent",
-                        disabled: r,
+                        disabled: n,
                         "data-testid": "clear-button",
                         "data-minibutton": !0,
                         onMouseDown: (e) => {
                           e.preventDefault();
                         },
-                        onClick: Q
+                        onClick: Z
                       }
                     )
                   ] })
                 ]
               }
             ),
-            k && /* @__PURE__ */ u("div", { className: _(t.message, t[A ?? ""]), children: k })
+            E && /* @__PURE__ */ u(
+              "div",
+              {
+                "data-testid-react": t == null ? void 0 : t.infoMessage,
+                className: d(r.message, r[q ?? ""]),
+                children: E
+              }
+            )
           ]
         }
       );
     }
   )
 );
-he.displayName = "TextArea";
+ze.displayName = "TextArea";
 export {
-  he as TextArea
+  ze as TextArea
 };

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { ETextAreaSize, ETextAreaStatus, ETextAreaVariant } from './constants';
 import { TIcon } from '../../icons';
+import { TDataTestIdReactMap } from '../../types';
 
 type TTextAddon = {
     addonType?: 'text';
@@ -84,5 +85,9 @@ export type TProps = {
      * Дополнительный слот слева.
      */
     leftAddon?: TIconAddon;
+    /**
+     * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
+     */
+    dataTestIdReactMap?: TDataTestIdReactMap<'textarea' | 'leftAddon' | 'label' | 'textbox' | 'clearBtn' | 'infoMessage'>;
 };
 export {};

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

@@ -7,6 +7,7 @@ export declare const UniversalUploader: import('react').ForwardRefExoticComponen
     onChange: (j: import('./types').TOnChangeUpdate) => void;
     value?: TFilesDetail[] | TPhotosDetail[];
     variantListFiles?: EFileItemVariant | `${EFileItemVariant}`;
+    dataTestIdReactMap?: import('../..').TDataTestIdReactMap<"wrapper" | "uploader" | "listFiles" | "listPhotos">;
     loadImage?: (src?: string) => Promise<string>;
     isDownloadingImage?: boolean;
 } & import('react').RefAttributes<HTMLDivElement>>;