mimir-ui-kit 1.41.4 → 1.41.5

package/dist/components/Drawer/Drawer.js

@@ -1,124 +1,124 @@
-import { jsxs as _, jsx as o, Fragment as G } from "react/jsx-runtime";
-import { c as s } from "../../index-DIxK0V-G.js";
-import { forwardRef as K, useState as w, useRef as V, useCallback as u, useEffect as W } from "react";
-import { EDrawerPosition as v } from "./constants.js";
+import { jsxs as m, jsx as o, Fragment as G } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { forwardRef as K, useState as v, useRef as V, useCallback as _, useEffect as W } from "react";
+import { EDrawerPosition as k } from "./constants.js";
 import { useMediaQuery as Y } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as q } from "../../hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll as J } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
 import { useResizeObserver as U } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button as k } from "../Button/Button.js";
-import { EButtonVariantDefault as Z, EButtonSize as r } from "../Button/constants.js";
+import { Button as C } from "../Button/Button.js";
+import { EButtonVariantDefault as Z, EButtonSize as a } from "../Button/constants.js";
 import { Loader as $ } from "../Loader/Loader.js";
 import { Portal as ee } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1xs4d_27", se = "_header_1xs4d_45", ne = "_title_1xs4d_59", re = "_space_1xs4d_73", ie = "_inner_1xs4d_84", ae = "_button_1xs4d_87", le = "_footer_1xs4d_92", ce = "_left_1xs4d_105", de = "_right_1xs4d_109", me = "_full_1xs4d_113", _e = "_bottom_1xs4d_123", ue = "_opened_1xs4d_140", fe = "_overlay_1xs4d_196", he = "_unmount_1xs4d_212", e = {
+import '../../assets/Drawer.css';const oe = "_drawer_13ua6_2", te = "_content_13ua6_26", ne = "_header_13ua6_44", se = "_title_13ua6_58", ae = "_space_13ua6_72", re = "_inner_13ua6_83", ie = "_button_13ua6_86", le = "_footer_13ua6_91", ce = "_left_13ua6_104", ue = "_right_13ua6_108", de = "_full_13ua6_112", me = "_bottom_13ua6_122", _e = "_opened_13ua6_139", fe = "_overlay_13ua6_195", he = "_unmount_13ua6_211", e = {
   drawer: oe,
   content: te,
-  "is-loading": "_is-loading_1xs4d_41",
-  header: se,
-  "sticky-header": "_sticky-header_1xs4d_53",
-  title: ne,
-  space: re,
-  inner: ie,
-  button: ae,
+  "is-loading": "_is-loading_13ua6_40",
+  header: ne,
+  "sticky-header": "_sticky-header_13ua6_52",
+  title: se,
+  space: ae,
+  inner: re,
+  button: ie,
   footer: le,
-  "footer-button": "_footer-button_1xs4d_101",
+  "footer-button": "_footer-button_13ua6_100",
   left: ce,
-  right: de,
-  full: me,
-  bottom: _e,
-  "full-bottom-height": "_full-bottom-height_1xs4d_134",
-  opened: ue,
-  "is-closing": "_is-closing_1xs4d_159",
+  right: ue,
+  full: de,
+  bottom: me,
+  "full-bottom-height": "_full-bottom-height_13ua6_133",
+  opened: _e,
+  "is-closing": "_is-closing_13ua6_158",
   overlay: fe,
   unmount: he
-}, pe = 300, Oe = K(
-  (C, B) => {
+}, pe = 300, Ie = K(
+  (B, E) => {
     const {
-      as: E = "div",
-      isOpen: n,
-      onClose: i,
-      title: M,
-      className: O,
+      as: M = "div",
+      isOpen: s,
+      onClose: r,
+      title: O,
+      className: I,
       unmount: f = !0,
-      isLoading: a = !1,
-      stickyHeader: I,
-      fullBottomHeight: L = !1,
-      position: l = v.RIGHT,
-      paddingRight: R = 8,
+      isLoading: i = !1,
+      stickyHeader: L,
+      fullBottomHeight: R = !1,
+      position: l = k.RIGHT,
+      paddingRight: T = 8,
       footer: c,
-      children: T,
-      classNameTitle: S,
-      classNameHeader: D,
+      children: S,
+      classNameTitle: D,
+      classNameHeader: x,
       classNameInner: z,
       classNameContent: H,
       classNameFooter: A,
       closeOnClickOutside: h = !0,
       showCloseButton: p = !0,
       ...P
-    } = C, [x, g] = w(!1), [X, N] = w(!1), y = V(), d = Y(q.XS1), { ref: j } = U({
-      enabled: l === v.BOTTOM
+    } = B, [g, N] = v(!1), [X, y] = v(!1), b = V(), u = Y(q.XS1), { ref: j } = U({
+      enabled: l === k.BOTTOM
     });
     J({
-      on: n && !x,
-      paddingRight: R
+      on: s && !g,
+      paddingRight: T
     });
-    const t = u(() => {
-      i && (g(!0), y.current = setTimeout(() => {
-        i(), g(!1);
+    const t = _(() => {
+      r && (N(!0), b.current = setTimeout(() => {
+        r(), N(!1);
       }, pe));
-    }, [i]), F = u(() => {
+    }, [r]), F = _(() => {
       h && t();
-    }, [h, t]), m = u(
+    }, [h, t]), d = _(
       (Q) => {
         Q.key === "Escape" && t();
       },
       [t]
     );
-    W(() => (n && (N(!0), window.addEventListener("keydown", m)), () => {
-      N(!1), clearTimeout(y.current), window.removeEventListener("keydown", m);
-    }), [n, m]);
-    const b = {
+    W(() => (s && (y(!0), window.addEventListener("keydown", d)), () => {
+      y(!1), clearTimeout(b.current), window.removeEventListener("keydown", d);
+    }), [s, d]);
+    const w = {
       [e.opened]: X,
-      [e["is-closing"]]: x,
-      [e["full-bottom-height"]]: L,
-      [e["is-loading"]]: a
+      [e["is-closing"]]: g,
+      [e["full-bottom-height"]]: R,
+      [e["is-loading"]]: i
     };
-    return !n && f ? null : /* @__PURE__ */ _(ee, { children: [
+    return !s && f ? null : /* @__PURE__ */ m(ee, { children: [
       /* @__PURE__ */ o(
-        E,
+        M,
         {
-          ref: B,
-          "aria-hidden": !n,
+          ref: E,
+          "aria-hidden": !s,
           role: "dialog",
-          className: s(e.drawer, e[l], b, O),
+          className: n(e.drawer, e[l], w, I),
           ...P,
           children: /* @__PURE__ */ o(
             "section",
             {
               ref: j,
-              className: s(
+              className: n(
                 e.content,
                 H,
                 e[l],
                 {
-                  [e["is-loading"]]: !!a
+                  [e["is-loading"]]: !!i
                 }
               ),
-              children: a ? /* @__PURE__ */ o($, {}) : /* @__PURE__ */ _(G, { children: [
-                /* @__PURE__ */ _(
+              children: i ? /* @__PURE__ */ o($, {}) : /* @__PURE__ */ m(G, { children: [
+                /* @__PURE__ */ m(
                   "header",
                   {
-                    className: s(e.header, D, {
-                      [e["sticky-header"]]: I
+                    className: n(e.header, x, {
+                      [e["sticky-header"]]: L
                     }),
                     children: [
-                      /* @__PURE__ */ o("h2", { className: s(e.title, S), children: M }),
+                      /* @__PURE__ */ o("h2", { className: n(e.title, D), children: O }),
                       /* @__PURE__ */ o("div", { className: e.space, children: p && /* @__PURE__ */ o(
-                        k,
+                        C,
                         {
                           variant: Z.SecondaryWhite,
                           isIconButton: !0,
-                          size: d ? r.S : r.M,
+                          size: u ? a.S : a.M,
                           iconName: "Close16px",
                           onClick: t,
                           className: e.button
@@ -127,12 +127,12 @@ import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1x
                     ]
                   }
                 ),
-                /* @__PURE__ */ o("div", { className: s(e.inner, z), children: T }),
-                /* @__PURE__ */ o("footer", { className: s(e.footer, A), children: typeof c == "function" ? c({ handleClose: t }) : c || p && /* @__PURE__ */ o(
-                  k,
+                /* @__PURE__ */ o("div", { className: n(e.inner, z), children: S }),
+                /* @__PURE__ */ o("footer", { className: n(e.footer, A), children: typeof c == "function" ? c({ handleClose: t }) : c || p && /* @__PURE__ */ o(
+                  C,
                   {
-                    size: d ? r.M : r.XXL,
-                    full: d,
+                    size: u ? a.M : a.XXL,
+                    full: u,
                     onClick: t,
                     className: e["footer-button"],
                     children: "Закрыть"
@@ -146,12 +146,12 @@ import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1x
       /* @__PURE__ */ o(
         "div",
         {
-          className: s(
+          className: n(
             e.overlay,
             {
               [e.unmount]: !f
             },
-            b
+            w
           ),
           "data-testid": "drawer-overlay",
           onClick: F
@@ -162,5 +162,5 @@ import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1x
 );
 export {
   pe as ANIMATION_DELAY,
-  Oe as Drawer
+  Ie as Drawer
 };