mimir-ui-kit 1.36.10 → 1.36.11

package/dist/components/Drawer/Drawer.js

@@ -1,97 +1,97 @@
-import { jsxs as m, jsx as t, Fragment as P } from "react/jsx-runtime";
+import { jsxs as m, jsx as t, Fragment as X } from "react/jsx-runtime";
 import { c as s } from "../../index-DIxK0V-G.js";
-import { useState as u, useRef as Q, useCallback as f, useEffect as F } from "react";
-import { EDrawerPosition as k } from "./constants.js";
-import { useMediaQuery as G } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as H } from "../../hooks/useMediaQuery/constants.js";
-import { useLockBodyScroll as K } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
-import { useResizeObserver as V } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button as w } from "../Button/Button.js";
-import { EButtonVariantDefault as W, EButtonSize as n } from "../Button/constants.js";
-import { Loader as Y } from "../Loader/Loader.js";
-import { Portal as q } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", O = "_content_1xs4d_27", U = "_header_1xs4d_45", Z = "_title_1xs4d_59", $ = "_space_1xs4d_73", ee = "_inner_1xs4d_84", te = "_button_1xs4d_87", oe = "_footer_1xs4d_92", se = "_left_1xs4d_105", re = "_right_1xs4d_109", ne = "_full_1xs4d_113", le = "_bottom_1xs4d_123", ae = "_opened_1xs4d_140", ie = "_overlay_1xs4d_196", ce = "_unmount_1xs4d_212", e = {
-  drawer: J,
-  content: O,
+import { useState as N, useRef as j, useCallback as u, useEffect as P } from "react";
+import { EDrawerPosition as w } from "./constants.js";
+import { useMediaQuery as Q } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as F } from "../../hooks/useMediaQuery/constants.js";
+import { useLockBodyScroll as G } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver as H } from "../../hooks/useResizeObserver/useResizeObserver.js";
+import { Button as k } from "../Button/Button.js";
+import { EButtonVariantDefault as K, EButtonSize as n } from "../Button/constants.js";
+import { Loader as V } from "../Loader/Loader.js";
+import { Portal as W } from "../Portal/Portal.js";
+import '../../assets/Drawer.css';const Y = "_drawer_1xs4d_3", q = "_content_1xs4d_27", J = "_header_1xs4d_45", U = "_title_1xs4d_59", Z = "_space_1xs4d_73", $ = "_inner_1xs4d_84", O = "_button_1xs4d_87", ee = "_footer_1xs4d_92", te = "_left_1xs4d_105", oe = "_right_1xs4d_109", se = "_full_1xs4d_113", re = "_bottom_1xs4d_123", ne = "_opened_1xs4d_140", ae = "_overlay_1xs4d_196", ie = "_unmount_1xs4d_212", e = {
+  drawer: Y,
+  content: q,
   "is-loading": "_is-loading_1xs4d_41",
-  header: U,
+  header: J,
   "sticky-header": "_sticky-header_1xs4d_53",
-  title: Z,
-  space: $,
-  inner: ee,
-  button: te,
-  footer: oe,
+  title: U,
+  space: Z,
+  inner: $,
+  button: O,
+  footer: ee,
   "footer-button": "_footer-button_1xs4d_101",
-  left: se,
-  right: re,
-  full: ne,
-  bottom: le,
+  left: te,
+  right: oe,
+  full: se,
+  bottom: re,
   "full-bottom-height": "_full-bottom-height_1xs4d_134",
-  opened: ae,
+  opened: ne,
   "is-closing": "_is-closing_1xs4d_159",
-  overlay: ie,
-  unmount: ce
-}, de = 300, ke = ({
+  overlay: ae,
+  unmount: ie
+}, le = 300, ve = ({
   isOpen: r,
-  onClose: l,
+  onClose: a,
   title: E,
   className: M,
-  unmount: h = !0,
-  isLoading: a = !1,
+  unmount: f = !0,
+  isLoading: i = !1,
   stickyHeader: B,
-  fullBottomHeight: S = !1,
-  position: i = k.RIGHT,
-  paddingRight: I = 8,
+  fullBottomHeight: I = !1,
+  position: l = w.RIGHT,
+  paddingRight: S = 8,
   footer: c,
-  children: L,
-  classNameInner: T,
-  classNameFooter: C,
-  closeOnClickOutside: x = !0,
-  showCloseButton: y = !0
+  children: T,
+  classNameInner: C,
+  classNameFooter: D,
+  closeOnClickOutside: h = !0,
+  showCloseButton: x = !0
 }) => {
-  const [D, p] = u(!1), [z, b] = u(!1), [R, g] = u(!1), v = Q(), d = G(H.XS1), { ref: A } = V({
-    enabled: i === k.BOTTOM
+  const [p, y] = N(!1), [z, b] = N(!1), g = j(), d = Q(F.XS1), { ref: L } = H({
+    enabled: l === w.BOTTOM
   });
-  K({
-    on: R,
-    paddingRight: I
+  G({
+    on: r && !p,
+    paddingRight: S
   });
-  const o = f(() => {
-    l && (p(!0), g(!1), v.current = setTimeout(() => {
-      l(), p(!1);
-    }, de));
-  }, [l]), X = f(() => {
-    x && o();
-  }, [x, o]), _ = f(
-    (j) => {
-      j.key === "Escape" && o();
+  const o = u(() => {
+    a && (y(!0), g.current = setTimeout(() => {
+      a(), y(!1);
+    }, le));
+  }, [a]), R = u(() => {
+    h && o();
+  }, [h, o]), _ = u(
+    (A) => {
+      A.key === "Escape" && o();
     },
     [o]
   );
-  F(() => (r && (g(!0), b(!0), window.addEventListener("keydown", _)), () => {
-    b(!1), clearTimeout(v.current), window.removeEventListener("keydown", _);
+  P(() => (r && (b(!0), window.addEventListener("keydown", _)), () => {
+    b(!1), clearTimeout(g.current), window.removeEventListener("keydown", _);
   }), [r, _]);
-  const N = {
+  const v = {
     [e.opened]: z,
-    [e["is-closing"]]: D,
-    [e["full-bottom-height"]]: S,
-    [e["is-loading"]]: a
+    [e["is-closing"]]: p,
+    [e["full-bottom-height"]]: I,
+    [e["is-loading"]]: i
   };
-  return !r && h ? null : /* @__PURE__ */ m(q, { children: [
+  return !r && f ? null : /* @__PURE__ */ m(W, { children: [
     /* @__PURE__ */ t(
       "div",
       {
         "aria-hidden": !r,
         role: "dialog",
-        className: s(e.drawer, e[i], N, M),
+        className: s(e.drawer, e[l], v, M),
         children: /* @__PURE__ */ t(
           "section",
           {
-            ref: A,
-            className: s(e.content, e[i], {
-              [e["is-loading"]]: !!a
+            ref: L,
+            className: s(e.content, e[l], {
+              [e["is-loading"]]: !!i
             }),
-            children: a ? /* @__PURE__ */ t(Y, {}) : /* @__PURE__ */ m(P, { children: [
+            children: i ? /* @__PURE__ */ t(V, {}) : /* @__PURE__ */ m(X, { children: [
               /* @__PURE__ */ m(
                 "header",
                 {
@@ -100,10 +100,10 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", O = "_content_1xs4
                   }),
                   children: [
                     /* @__PURE__ */ t("h2", { className: e.title, children: E }),
-                    /* @__PURE__ */ t("div", { className: e.space, children: y && /* @__PURE__ */ t(
-                      w,
+                    /* @__PURE__ */ t("div", { className: e.space, children: x && /* @__PURE__ */ t(
+                      k,
                       {
-                        variant: W.SecondaryWhite,
+                        variant: K.SecondaryWhite,
                         isIconButton: !0,
                         size: d ? n.S : n.M,
                         iconName: "Close16px",
@@ -114,9 +114,9 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", O = "_content_1xs4
                   ]
                 }
               ),
-              /* @__PURE__ */ t("div", { className: s(e.inner, T), children: L }),
-              /* @__PURE__ */ t("footer", { className: s(e.footer, C), children: typeof c == "function" ? c({ handleClose: o }) : c || y && /* @__PURE__ */ t(
-                w,
+              /* @__PURE__ */ t("div", { className: s(e.inner, C), children: T }),
+              /* @__PURE__ */ t("footer", { className: s(e.footer, D), children: typeof c == "function" ? c({ handleClose: o }) : c || x && /* @__PURE__ */ t(
+                k,
                 {
                   size: d ? n.M : n.XXL,
                   full: d,
@@ -136,17 +136,17 @@ import '../../assets/Drawer.css';const J = "_drawer_1xs4d_3", O = "_content_1xs4
         className: s(
           e.overlay,
           {
-            [e.unmount]: !h
+            [e.unmount]: !f
           },
-          N
+          v
         ),
         "data-testid": "drawer-overlay",
-        onClick: X
+        onClick: R
       }
     )
   ] });
 };
 export {
-  de as ANIMATION_DELAY,
-  ke as Drawer
+  le as ANIMATION_DELAY,
+  ve as Drawer
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.36.10",
+  "version": "1.36.11",
   "type": "module",
   "exports": {
     ".": {