mimir-ui-kit 1.61.1 → 1.63.0

package/dist/components/Drawer/Drawer.js

@@ -1,42 +1,42 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../index-DIxK0V-G.js";
-import { forwardRef as se, useState as z, useRef as L, useEffect as M, useCallback as C } from "react";
-import { EDrawerPosition as R } from "./constants.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { c as r } from "../../index-DIxK0V-G.js";
+import { forwardRef as se, useState as C, useRef as x, useEffect as D, useCallback as w } from "react";
+import { EDrawerPosition as A } from "./constants.js";
 import { useContainer as ne } from "./hooks.js";
-import { ScrollWrapper as re } from "./ScrollWrapper/index.js";
-import { useMediaQuery as ie } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as ae } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as ce } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver as le } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button as H } from "../Button/Button.js";
-import { EButtonVariantDefault as de, EButtonSize as l } from "../Button/constants.js";
-import { Loader as ue } from "../Loader/Loader.js";
-import { Portal as me } from "../Portal/Portal.js";
-import { EScrollBarVariant as fe, EScrollBarSize as _e } from "../ScrollBar/constants.js";
-import '../../assets/Drawer.css';const pe = "_drawerContainer_zs4pc_2", he = "_drawer_zs4pc_2", ze = "_content_zs4pc_31", Ce = "_header_zs4pc_46", ge = "_title_zs4pc_60", we = "_space_zs4pc_74", ye = "_inner_zs4pc_85", ve = "_button_zs4pc_101", be = "_footer_zs4pc_106", Ne = "_left_zs4pc_122", ke = "_right_zs4pc_126", Se = "_full_zs4pc_130", Be = "_bottom_zs4pc_140", Ee = "_opened_zs4pc_157", Ie = "_overlay_zs4pc_213", Oe = "_unmount_zs4pc_231", e = {
-  drawerContainer: pe,
-  drawer: he,
-  content: ze,
-  header: Ce,
+import { ScrollWrapper as ie } from "./ScrollWrapper/index.js";
+import { useMediaQuery as ce } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as le } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as ae } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as ue } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { Button as P } from "../Button/Button.js";
+import { EButtonVariantDefault as de, EButtonSize as u } from "../Button/constants.js";
+import { Loader as me } from "../Loader/Loader.js";
+import { Portal as fe } from "../Portal/Portal.js";
+import { EScrollBarVariant as _e, EScrollBarSize as pe } from "../ScrollBar/constants.js";
+import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_drawer_zs4pc_2", Ce = "_content_zs4pc_31", we = "_header_zs4pc_46", ye = "_title_zs4pc_60", ge = "_space_zs4pc_74", ve = "_inner_zs4pc_85", be = "_button_zs4pc_101", Ne = "_footer_zs4pc_106", ke = "_left_zs4pc_122", Se = "_right_zs4pc_126", Be = "_full_zs4pc_130", Ee = "_bottom_zs4pc_140", Oe = "_opened_zs4pc_157", Le = "_overlay_zs4pc_213", He = "_unmount_zs4pc_231", e = {
+  drawerContainer: he,
+  drawer: ze,
+  content: Ce,
+  header: we,
   "sticky-header": "_sticky-header_zs4pc_54",
-  title: ge,
-  space: we,
-  inner: ye,
+  title: ye,
+  space: ge,
+  inner: ve,
   "is-loading": "_is-loading_zs4pc_90",
-  button: ve,
-  footer: be,
+  button: be,
+  footer: Ne,
   "has-scroll": "_has-scroll_zs4pc_115",
   "footer-button": "_footer-button_zs4pc_118",
-  left: Ne,
-  right: ke,
-  full: Se,
-  bottom: Be,
+  left: ke,
+  right: Se,
+  full: Be,
+  bottom: Ee,
   "full-bottom-height": "_full-bottom-height_zs4pc_151",
-  opened: Ee,
+  opened: Oe,
   "is-closing": "_is-closing_zs4pc_176",
-  overlay: Ie,
-  unmount: Oe
-}, Le = 300, Me = (d) => d ? {
+  overlay: Le,
+  unmount: He
+}, xe = 300, De = (d) => d ? {
   drawer: {
     position: "absolute",
     zIndex: 100
@@ -45,116 +45,119 @@ import '../../assets/Drawer.css';const pe = "_drawerContainer_zs4pc_2", he = "_d
     position: "absolute",
     zIndex: 90
   }
-} : {}, qe = se(
-  (d, T) => {
+} : {}, Ue = se(
+  (d, X) => {
     const {
-      as: x = "div",
+      as: j = "div",
       isOpen: n,
-      onClose: u,
-      title: D,
-      className: A,
-      unmount: g = !0,
-      isLoading: r = !1,
-      stickyHeader: P,
-      fullBottomHeight: X = !1,
-      position: m = R.RIGHT,
-      paddingRight: j = 8,
-      footer: f,
-      children: G,
-      classNameTitle: Q,
-      classNameHeader: V,
-      classNameInner: W,
-      classNameDrawerContainer: F,
-      classNameContent: K,
-      classNameFooter: Y,
-      closeOnClickOutside: w = !0,
-      showCloseButton: y = !0,
-      getContainer: _,
-      ...q
-    } = d, [v, b] = z(!1), [J, N] = z(!1), k = L(), p = ie(ae.XS1), { ref: U } = le({
-      enabled: m === R.BOTTOM
-    }), S = ne(_), i = L(null), [Z, $] = z(!1);
-    M(() => {
-      const a = () => {
-        if (i.current) {
-          const { scrollHeight: oe, clientHeight: te } = i.current;
-          $(oe > te);
+      onClose: m,
+      title: G,
+      className: Q,
+      unmount: y = !0,
+      isLoading: i = !1,
+      stickyHeader: V,
+      fullBottomHeight: W = !1,
+      position: f = A.RIGHT,
+      paddingRight: F = 8,
+      footer: _,
+      children: I,
+      classNameTitle: K,
+      classNameHeader: Y,
+      classNameInner: q,
+      classNameDrawerContainer: J,
+      classNameContent: M,
+      classNameFooter: R,
+      closeOnClickOutside: g = !0,
+      showCloseButton: v = !0,
+      getContainer: p,
+      dataTestIdReactMap: o,
+      ...U
+    } = d, [b, N] = C(!1), [Z, k] = C(!1), S = x(), h = ce(le.XS1), { ref: $ } = ue({
+      enabled: f === A.BOTTOM
+    }), B = ne(p), c = x(null), [T, ee] = C(!1);
+    D(() => {
+      const l = () => {
+        if (c.current) {
+          const { scrollHeight: te, clientHeight: re } = c.current;
+          ee(te > re);
         }
       };
-      a();
-      const O = new ResizeObserver(a);
-      return i.current && O.observe(i.current), () => {
-        O.disconnect();
+      l();
+      const H = new ResizeObserver(l);
+      return c.current && H.observe(c.current), () => {
+        H.disconnect();
       };
-    }, [n, r]), ce({
-      on: n && !v,
-      paddingRight: j
+    }, [n, i]), ae({
+      on: n && !b,
+      paddingRight: F
     });
-    const s = C(() => {
-      u && (b(!0), k.current = setTimeout(() => {
-        u(), b(!1);
-      }, Le));
-    }, [u]), ee = C(() => {
-      w && s();
-    }, [w, s]), h = C(
-      (a) => {
-        a.key === "Escape" && s();
+    const s = w(() => {
+      m && (N(!0), S.current = setTimeout(() => {
+        m(), N(!1);
+      }, xe));
+    }, [m]), oe = w(() => {
+      g && s();
+    }, [g, s]), z = w(
+      (l) => {
+        l.key === "Escape" && s();
       },
       [s]
     );
-    M(() => (n && (N(!0), window.addEventListener("keydown", h)), () => {
-      N(!1), clearTimeout(k.current), window.removeEventListener("keydown", h);
-    }), [n, h]);
-    const B = {
-      [e.opened]: J,
-      [e["is-closing"]]: v,
-      [e["full-bottom-height"]]: X,
-      [e["is-loading"]]: r
+    D(() => (n && (k(!0), window.addEventListener("keydown", z)), () => {
+      k(!1), clearTimeout(S.current), window.removeEventListener("keydown", z);
+    }), [n, z]);
+    const E = {
+      [e.opened]: Z,
+      [e["is-closing"]]: b,
+      [e["full-bottom-height"]]: W,
+      [e["is-loading"]]: i
     };
-    if (!n && g)
+    if (!n && y)
       return null;
-    const E = Me(_ !== void 0 && _ !== !1), I = /* @__PURE__ */ c(
+    const O = De(p !== void 0 && p !== !1), L = /* @__PURE__ */ a(
       "div",
       {
-        className: t(e.drawerContainer, F),
+        "data-testid-react": o == null ? void 0 : o.drawer,
+        className: r(e.drawerContainer, J),
         children: [
-          /* @__PURE__ */ c(
-            x,
+          /* @__PURE__ */ a(
+            j,
             {
-              ref: T,
+              ref: X,
               "aria-hidden": !n,
               role: "dialog",
-              style: E.drawer,
-              className: t(e.drawer, e[m], B, A),
-              ...q,
+              style: O.drawer,
+              className: r(e.drawer, e[f], E, Q),
+              ...U,
               children: [
-                /* @__PURE__ */ c(
+                /* @__PURE__ */ a(
                   "section",
                   {
-                    ref: U,
-                    className: t(
+                    ref: $,
+                    className: r(
                       e.content,
-                      K,
-                      e[m],
+                      M,
+                      e[f],
                       {
-                        [e["is-loading"]]: !!r
+                        [e["is-loading"]]: !!i
                       }
                     ),
                     children: [
-                      /* @__PURE__ */ c(
+                      /* @__PURE__ */ a(
                         "header",
                         {
-                          className: t(e.header, V, {
-                            [e["sticky-header"]]: P
+                          className: r(e.header, Y, {
+                            [e["sticky-header"]]: V
                           }),
                           children: [
-                            /* @__PURE__ */ o("h2", { className: t(e.title, Q), children: D }),
-                            /* @__PURE__ */ o("div", { className: e.space, children: y && /* @__PURE__ */ o(
-                              H,
+                            /* @__PURE__ */ t("h2", { className: r(e.title, K), children: G }),
+                            /* @__PURE__ */ t("div", { className: e.space, children: v && /* @__PURE__ */ t(
+                              P,
                               {
+                                "data-testid-react": o == null ? void 0 : o.closeButton,
                                 variant: de.SecondaryWhite,
                                 isIconButton: !0,
-                                size: p ? l.S : l.M,
+                                size: h ? u.S : u.M,
                                 iconName: "Close16px",
                                 onClick: s,
                                 className: e.button
@@ -163,36 +166,38 @@ import '../../assets/Drawer.css';const pe = "_drawerContainer_zs4pc_2", he = "_d
                           ]
                         }
                       ),
-                      /* @__PURE__ */ o(
-                        re,
+                      /* @__PURE__ */ t(
+                        ie,
                         {
-                          ref: i,
-                          className: t(
+                          ref: c,
+                          className: r(
                             e.inner,
                             {
-                              [e["is-loading"]]: !!r
+                              [e["is-loading"]]: !!i
                             },
-                            W
+                            q
                           ),
-                          variant: fe.LIGHT,
-                          size: _e.M,
-                          children: r ? /* @__PURE__ */ o(ue, {}) : G
+                          variant: _e.LIGHT,
+                          size: pe.M,
+                          children: i ? /* @__PURE__ */ t(me, {}) : I
                         }
                       )
                     ]
                   }
                 ),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ t(
                   "footer",
                   {
-                    className: t(e.footer, Y, {
-                      [e["has-scroll"]]: Z
+                    "data-testid-react": o == null ? void 0 : o.footer,
+                    className: r(e.footer, R, {
+                      [e["has-scroll"]]: T
                     }),
-                    children: typeof f == "function" ? f({ handleClose: s }) : f || y && /* @__PURE__ */ o(
-                      H,
+                    children: typeof _ == "function" ? _({ handleClose: s }) : _ || v && /* @__PURE__ */ t(
+                      P,
                       {
-                        size: p ? l.L : l.XXL,
-                        full: p,
+                        "data-testid-react": o == null ? void 0 : o.footerCloseButton,
+                        size: h ? u.L : u.XXL,
+                        full: h,
                         onClick: s,
                         className: e["footer-button"],
                         children: "Закрыть"
@@ -203,28 +208,29 @@ import '../../assets/Drawer.css';const pe = "_drawerContainer_zs4pc_2", he = "_d
               ]
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ t(
             "div",
             {
-              className: t(
+              "data-testid-react": o == null ? void 0 : o.overlay,
+              className: r(
                 e.overlay,
                 {
-                  [e.unmount]: !g
+                  [e.unmount]: !y
                 },
-                B
+                E
               ),
-              style: E.overlay,
+              style: O.overlay,
               "data-testid": "drawer-overlay",
-              onClick: ee
+              onClick: oe
             }
           )
         ]
       }
     );
-    return S === !1 ? I : /* @__PURE__ */ o(me, { element: S, children: I });
+    return B === !1 ? L : /* @__PURE__ */ t(fe, { element: B, children: L });
   }
 );
 export {
-  Le as ANIMATION_DELAY,
-  qe as Drawer
+  xe as ANIMATION_DELAY,
+  Ue as Drawer
 };

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -1,24 +1,24 @@
-import { jsx as s, jsxs as d, Fragment as D } from "react/jsx-runtime";
+import { jsx as s, jsxs as d, Fragment as b } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
-import { forwardRef as b } from "react";
-import { EDropdownSelectSize as y } from "./constants.js";
+import { forwardRef as y } from "react";
+import { EDropdownSelectSize as S } from "./constants.js";
 import { Icon as f } from "../../icons/Icon.js";
-import { H as S, U as C, K as k, W as U } from "../../combobox-fIVOzEhl.js";
-import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disabled_ow9jf_268", A = "_trigger_ow9jf_273", H = "_options_ow9jf_313", K = "_option_ow9jf_313", W = "_focused_ow9jf_356", B = "_s_ow9jf_381", E = "_m_ow9jf_390", F = "_l_ow9jf_399", e = {
+import { H as C, U as k, K as U, W as V } from "../../combobox-fIVOzEhl.js";
+import '../../assets/DropdownSelect.css';const z = "_full_ow9jf_265", A = "_disabled_ow9jf_268", H = "_trigger_ow9jf_273", K = "_options_ow9jf_313", M = "_option_ow9jf_313", W = "_focused_ow9jf_356", B = "_s_ow9jf_381", E = "_m_ow9jf_390", F = "_l_ow9jf_399", e = {
   "dropdown-select": "_dropdown-select_ow9jf_261",
-  full: V,
-  disabled: z,
-  trigger: A,
+  full: z,
+  disabled: A,
+  trigger: H,
   "trigger-text": "_trigger-text_ow9jf_302",
-  options: H,
-  option: K,
+  options: K,
+  option: M,
   focused: W,
   "option-content": "_option-content_ow9jf_360",
   "option-check": "_option-check_ow9jf_372",
   s: B,
   m: E,
   l: F
-}, I = b(
+}, I = y(
   (p, _) => {
     const {
       value: t,
@@ -31,17 +31,18 @@ import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disa
       optionsClassName: j,
       optionClassName: N,
       full: c = !1,
-      size: l = y.M
-    } = p, h = (o) => {
+      isModal: h = !0,
+      size: l = S.M
+    } = p, x = (o) => {
       n == null || n(o);
-    }, x = (o) => o ? o.displayValue ? o.displayValue : typeof o.name == "string" ? o.name : typeof o.value == "string" ? o.value : String(o.id) : "";
+    }, v = (o) => o ? o.displayValue ? o.displayValue : typeof o.name == "string" ? o.name : typeof o.value == "string" ? o.value : String(o.id) : "";
     return /* @__PURE__ */ s(
-      S,
+      C,
       {
         as: "div",
         ref: _,
         value: t,
-        onChange: h,
+        onChange: x,
         disabled: i,
         className: a(
           e["dropdown-select"],
@@ -52,9 +53,9 @@ import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disa
           },
           g
         ),
-        children: ({ open: o }) => /* @__PURE__ */ d(D, { children: [
+        children: ({ open: o }) => /* @__PURE__ */ d(b, { children: [
           /* @__PURE__ */ d(
-            C,
+            k,
             {
               className: a(
                 e.trigger,
@@ -67,7 +68,7 @@ import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disa
               ),
               "data-testid": "dropdown-select-trigger",
               children: [
-                /* @__PURE__ */ s("span", { className: a(e["trigger-text"]), children: t ? x(t) : w }),
+                /* @__PURE__ */ s("span", { className: a(e["trigger-text"]), children: t ? v(t) : w }),
                 /* @__PURE__ */ s(
                   f,
                   {
@@ -78,19 +79,20 @@ import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disa
             }
           ),
           /* @__PURE__ */ s(
-            k,
+            U,
             {
+              modal: h,
               className: a(e.options, e[l], j),
               "data-testid": "dropdown-select-options",
               children: m.map((r) => /* @__PURE__ */ d(
-                U,
+                V,
                 {
                   value: r,
-                  className: ({ focus: v }) => a(
+                  className: ({ focus: D }) => a(
                     e.option,
                     e[l],
                     {
-                      [e.focused]: v
+                      [e.focused]: D
                     },
                     N
                   ),

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

@@ -53,4 +53,8 @@ export type TDropdownSelectProps = {
      * Полная ширина компонента
      */
     full?: boolean;
+    /**
+     * Если `false`, разрешает прокрутку страницы и клики по внешним элементам при открытом списке, иначе блокирует скролл.
+     */
+    isModal?: boolean;
 };

package/dist/components/GosZnak/GosZnak.d.ts

@@ -1,3 +1,3 @@
 import { TGosZnakProps } from './types';
 
-export declare const GosZnak: ({ number, region, country, size, type, className, numberClassName, regionClassName, countryClassName, numberContainerClassName, regionContainerClassName, simplified, copyable, onCopy }: TGosZnakProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GosZnak: ({ number, region, country, size, type, className, numberClassName, regionClassName, countryClassName, numberContainerClassName, regionContainerClassName, simplified, copyable, onCopy, dataTestIdReactMap }: TGosZnakProps) => import("react/jsx-runtime").JSX.Element;