mimir-ui-kit 1.64.4 → 1.65.0

package/dist/components/Drawer/Drawer.js

@@ -1,42 +1,43 @@
-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 { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { forwardRef as re, 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 { useContainer as se } from "./hooks.js";
 import { ScrollWrapper as ie } from "./ScrollWrapper/index.js";
-import { useMediaQuery as ce } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { useMediaQuery as ae } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as le } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as ae } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useLockBodyScroll as ce } 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 = {
+import { Portal as _e } from "../Portal/Portal.js";
+import { EScrollBarVariant as fe, EScrollBarSize as be } from "../ScrollBar/constants.js";
+import '../../assets/Drawer.css';const he = "_drawerContainer_abn3o_2", pe = "_drawer_abn3o_2", Ce = "_content_abn3o_31", we = "_header_abn3o_46", ye = "_title_abn3o_60", ge = "_space_abn3o_74", ve = "_inner_abn3o_85", Ne = "_button_abn3o_101", ke = "_footer_abn3o_106", Se = "_left_abn3o_122", Be = "_right_abn3o_126", Ee = "_center_abn3o_130", ze = "_full_abn3o_139", Oe = "_bottom_abn3o_149", Le = "_opened_abn3o_166", He = "_overlay_abn3o_230", xe = "_unmount_abn3o_248", e = {
   drawerContainer: he,
-  drawer: ze,
+  drawer: pe,
   content: Ce,
   header: we,
-  "sticky-header": "_sticky-header_zs4pc_54",
+  "sticky-header": "_sticky-header_abn3o_54",
   title: ye,
   space: ge,
   inner: ve,
-  "is-loading": "_is-loading_zs4pc_90",
-  button: be,
-  footer: Ne,
-  "has-scroll": "_has-scroll_zs4pc_115",
-  "footer-button": "_footer-button_zs4pc_118",
-  left: ke,
-  right: Se,
-  full: Be,
-  bottom: Ee,
-  "full-bottom-height": "_full-bottom-height_zs4pc_151",
-  opened: Oe,
-  "is-closing": "_is-closing_zs4pc_176",
-  overlay: Le,
-  unmount: He
-}, xe = 300, De = (d) => d ? {
+  "is-loading": "_is-loading_abn3o_90",
+  button: Ne,
+  footer: ke,
+  "has-scroll": "_has-scroll_abn3o_115",
+  "footer-button": "_footer-button_abn3o_118",
+  left: Se,
+  right: Be,
+  center: Ee,
+  full: ze,
+  bottom: Oe,
+  "full-bottom-height": "_full-bottom-height_abn3o_160",
+  opened: Le,
+  "is-closing": "_is-closing_abn3o_189",
+  overlay: He,
+  unmount: xe
+}, De = 300, Ae = (d) => d ? {
   drawer: {
     position: "absolute",
     zIndex: 100
@@ -45,11 +46,11 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
     position: "absolute",
     zIndex: 90
   }
-} : {}, Ue = se(
+} : {}, Ze = re(
   (d, X) => {
     const {
       as: j = "div",
-      isOpen: n,
+      isOpen: s,
       onClose: m,
       title: G,
       className: Q,
@@ -57,9 +58,9 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
       isLoading: i = !1,
       stickyHeader: V,
       fullBottomHeight: W = !1,
-      position: f = A.RIGHT,
+      position: _ = A.RIGHT,
       paddingRight: F = 8,
-      footer: _,
+      footer: f,
       children: I,
       classNameTitle: K,
       classNameHeader: Y,
@@ -69,88 +70,88 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
       classNameFooter: R,
       closeOnClickOutside: g = !0,
       showCloseButton: v = !0,
-      getContainer: p,
+      getContainer: b,
       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, [N, k] = C(!1), [Z, S] = C(!1), B = x(), h = ae(le.XS1), { ref: $ } = ue({
+      enabled: _ === A.BOTTOM
+    }), E = se(b), a = x(null), [T, ee] = C(!1);
     D(() => {
       const l = () => {
-        if (c.current) {
-          const { scrollHeight: te, clientHeight: re } = c.current;
-          ee(te > re);
+        if (a.current) {
+          const { scrollHeight: te, clientHeight: ne } = a.current;
+          ee(te > ne);
         }
       };
       l();
       const H = new ResizeObserver(l);
-      return c.current && H.observe(c.current), () => {
+      return a.current && H.observe(a.current), () => {
         H.disconnect();
       };
-    }, [n, i]), ae({
-      on: n && !b,
+    }, [s, i]), ce({
+      on: s && !N,
       paddingRight: F
     });
-    const s = w(() => {
-      m && (N(!0), S.current = setTimeout(() => {
-        m(), N(!1);
-      }, xe));
+    const r = w(() => {
+      m && (k(!0), B.current = setTimeout(() => {
+        m(), k(!1);
+      }, De));
     }, [m]), oe = w(() => {
-      g && s();
-    }, [g, s]), z = w(
+      g && r();
+    }, [g, r]), p = w(
       (l) => {
-        l.key === "Escape" && s();
+        l.key === "Escape" && r();
       },
-      [s]
+      [r]
     );
-    D(() => (n && (k(!0), window.addEventListener("keydown", z)), () => {
-      k(!1), clearTimeout(S.current), window.removeEventListener("keydown", z);
-    }), [n, z]);
-    const E = {
+    D(() => (s && (S(!0), window.addEventListener("keydown", p)), () => {
+      S(!1), clearTimeout(B.current), window.removeEventListener("keydown", p);
+    }), [s, p]);
+    const z = {
       [e.opened]: Z,
-      [e["is-closing"]]: b,
+      [e["is-closing"]]: N,
       [e["full-bottom-height"]]: W,
       [e["is-loading"]]: i
     };
-    if (!n && y)
+    if (!s && y)
       return null;
-    const O = De(p !== void 0 && p !== !1), L = /* @__PURE__ */ a(
+    const O = Ae(b !== void 0 && b !== !1), L = /* @__PURE__ */ c(
       "div",
       {
         "data-testid-react": o == null ? void 0 : o.drawer,
-        className: r(e.drawerContainer, J),
+        className: n(e.drawerContainer, J),
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ c(
             j,
             {
               ref: X,
-              "aria-hidden": !n,
+              "aria-hidden": !s,
               role: "dialog",
               style: O.drawer,
-              className: r(e.drawer, e[f], E, Q),
+              className: n(e.drawer, e[_], z, Q),
               ...U,
               children: [
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ c(
                   "section",
                   {
                     ref: $,
-                    className: r(
+                    className: n(
                       e.content,
                       M,
-                      e[f],
+                      e[_],
                       {
                         [e["is-loading"]]: !!i
                       }
                     ),
                     children: [
-                      /* @__PURE__ */ a(
+                      /* @__PURE__ */ c(
                         "header",
                         {
-                          className: r(e.header, Y, {
+                          className: n(e.header, Y, {
                             [e["sticky-header"]]: V
                           }),
                           children: [
-                            /* @__PURE__ */ t("h2", { className: r(e.title, K), children: G }),
+                            /* @__PURE__ */ t("h2", { className: n(e.title, K), children: G }),
                             /* @__PURE__ */ t("div", { className: e.space, children: v && /* @__PURE__ */ t(
                               P,
                               {
@@ -159,7 +160,7 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
                                 isIconButton: !0,
                                 size: h ? u.S : u.M,
                                 iconName: "Close16px",
-                                onClick: s,
+                                onClick: r,
                                 className: e.button
                               }
                             ) })
@@ -169,16 +170,16 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
                       /* @__PURE__ */ t(
                         ie,
                         {
-                          ref: c,
-                          className: r(
+                          ref: a,
+                          className: n(
                             e.inner,
                             {
                               [e["is-loading"]]: !!i
                             },
                             q
                           ),
-                          variant: _e.LIGHT,
-                          size: pe.M,
+                          variant: fe.LIGHT,
+                          size: be.M,
                           children: i ? /* @__PURE__ */ t(me, {}) : I
                         }
                       )
@@ -189,16 +190,16 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
                   "footer",
                   {
                     "data-testid-react": o == null ? void 0 : o.footer,
-                    className: r(e.footer, R, {
+                    className: n(e.footer, R, {
                       [e["has-scroll"]]: T
                     }),
-                    children: typeof _ == "function" ? _({ handleClose: s }) : _ || v && /* @__PURE__ */ t(
+                    children: typeof f == "function" ? f({ handleClose: r }) : f || v && /* @__PURE__ */ t(
                       P,
                       {
                         "data-testid-react": o == null ? void 0 : o.footerCloseButton,
                         size: h ? u.L : u.XXL,
                         full: h,
-                        onClick: s,
+                        onClick: r,
                         className: e["footer-button"],
                         children: "Закрыть"
                       }
@@ -212,12 +213,12 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
             "div",
             {
               "data-testid-react": o == null ? void 0 : o.overlay,
-              className: r(
+              className: n(
                 e.overlay,
                 {
                   [e.unmount]: !y
                 },
-                E
+                z
               ),
               style: O.overlay,
               "data-testid": "drawer-overlay",
@@ -227,10 +228,10 @@ import '../../assets/Drawer.css';const he = "_drawerContainer_zs4pc_2", ze = "_d
         ]
       }
     );
-    return B === !1 ? L : /* @__PURE__ */ t(fe, { element: B, children: L });
+    return E === !1 ? L : /* @__PURE__ */ t(_e, { element: E, children: L });
   }
 );
 export {
-  xe as ANIMATION_DELAY,
-  Ue as Drawer
+  De as ANIMATION_DELAY,
+  Ze as Drawer
 };

package/dist/components/Drawer/constants.d.ts

@@ -2,5 +2,6 @@ export declare enum EDrawerPosition {
     LEFT = "left",
     RIGHT = "right",
     BOTTOM = "bottom",
-    FULL = "full"
+    FULL = "full",
+    CENTER = "center"
 }

package/dist/components/Drawer/constants.js

@@ -1,4 +1,4 @@
-var l = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T.BOTTOM = "bottom", T.FULL = "full", T))(l || {});
+var l = /* @__PURE__ */ ((T) => (T.LEFT = "left", T.RIGHT = "right", T.BOTTOM = "bottom", T.FULL = "full", T.CENTER = "center", T))(l || {});
 export {
   l as EDrawerPosition
 };

package/dist/components/Dropdown/Dropdown.d.ts

@@ -45,10 +45,18 @@ type TProps = {
      * Нужна ли кнопка закрытия.
      */
     needCloseButton?: boolean;
+    /**
+     * Флаг указывающий, что компонент котроллируемый.
+     */
+    isControlled?: boolean;
     /**
      * Флаг открытия.
      */
     isOpen?: boolean;
+    /**
+     *  Коллбэк изменения состояния (управляемый режим).
+     */
+    onOpenChange?: (open?: boolean) => void;
     /**
      * Время автоматического закрытия в миллисекундах.
      */
@@ -58,7 +66,8 @@ type TProps = {
      * Если указан, то buttonContent игнорируется.
      */
     triggerElement?: ReactNode | ((props: {
-        open: boolean;
+        open?: boolean;
+        close: () => void;
     }) => JSX.Element);
     /**
      * Вариант оформления выпадающего меню.
@@ -74,5 +83,5 @@ type TProps = {
 /**
  * Компонент Dropdown, содержит в себе кнопку и панель выпадающего меню
  */
-export declare const Dropdown: import('react').MemoExoticComponent<({ children, position, popoverProps, className, buttonClassName, panelClassName, menuItemsClassName, buttonContent, needCloseButton, openOnHover, isOpen, autoCloseTimeout, triggerElement, variant, arrow }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Dropdown: import('react').MemoExoticComponent<({ children, position, popoverProps, className, buttonClassName, panelClassName, menuItemsClassName, buttonContent, needCloseButton, openOnHover, isOpen, isControlled, onOpenChange, autoCloseTimeout, triggerElement, variant, arrow }: TProps) => import("react/jsx-runtime").JSX.Element>;
 export {};