mimir-ui-kit 1.37.12 → 1.37.14

package/dist/components/Drawer/Drawer.js

@@ -1,37 +1,37 @@
-import { jsxs as m, jsx as t, Fragment as X } from "react/jsx-runtime";
+import { jsxs as m, jsx as t, Fragment as P } from "react/jsx-runtime";
 import { c as s } from "../../index-DIxK0V-G.js";
-import { useState as N, useRef as j, useCallback as u, useEffect as P } from "react";
+import { useState as N, useRef as Q, useCallback as u, useEffect as F } 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 { 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 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,
+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", U = "_content_1xs4d_27", Z = "_header_1xs4d_45", $ = "_title_1xs4d_59", O = "_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", ae = "_bottom_1xs4d_123", ie = "_opened_1xs4d_140", le = "_overlay_1xs4d_196", ce = "_unmount_1xs4d_212", e = {
+  drawer: J,
+  content: U,
   "is-loading": "_is-loading_1xs4d_41",
-  header: J,
+  header: Z,
   "sticky-header": "_sticky-header_1xs4d_53",
-  title: U,
-  space: Z,
-  inner: $,
-  button: O,
-  footer: ee,
+  title: $,
+  space: O,
+  inner: ee,
+  button: te,
+  footer: oe,
   "footer-button": "_footer-button_1xs4d_101",
-  left: te,
-  right: oe,
-  full: se,
-  bottom: re,
+  left: se,
+  right: re,
+  full: ne,
+  bottom: ae,
   "full-bottom-height": "_full-bottom-height_1xs4d_134",
-  opened: ne,
+  opened: ie,
   "is-closing": "_is-closing_1xs4d_159",
-  overlay: ae,
-  unmount: ie
-}, le = 300, ve = ({
+  overlay: le,
+  unmount: ce
+}, de = 300, we = ({
   isOpen: r,
   onClose: a,
   title: E,
@@ -44,40 +44,42 @@ import '../../assets/Drawer.css';const Y = "_drawer_1xs4d_3", q = "_content_1xs4
   paddingRight: S = 8,
   footer: c,
   children: T,
-  classNameInner: C,
-  classNameFooter: D,
+  classNameTitle: C,
+  classNameHeader: D,
+  classNameInner: z,
+  classNameFooter: L,
   closeOnClickOutside: h = !0,
   showCloseButton: x = !0
 }) => {
-  const [p, y] = N(!1), [z, b] = N(!1), g = j(), d = Q(F.XS1), { ref: L } = H({
+  const [p, y] = N(!1), [R, b] = N(!1), g = Q(), d = G(H.XS1), { ref: A } = V({
     enabled: l === w.BOTTOM
   });
-  G({
+  K({
     on: r && !p,
     paddingRight: S
   });
   const o = u(() => {
     a && (y(!0), g.current = setTimeout(() => {
       a(), y(!1);
-    }, le));
-  }, [a]), R = u(() => {
+    }, de));
+  }, [a]), X = u(() => {
     h && o();
   }, [h, o]), _ = u(
-    (A) => {
-      A.key === "Escape" && o();
+    (j) => {
+      j.key === "Escape" && o();
     },
     [o]
   );
-  P(() => (r && (b(!0), window.addEventListener("keydown", _)), () => {
+  F(() => (r && (b(!0), window.addEventListener("keydown", _)), () => {
     b(!1), clearTimeout(g.current), window.removeEventListener("keydown", _);
   }), [r, _]);
   const v = {
-    [e.opened]: z,
+    [e.opened]: R,
     [e["is-closing"]]: p,
     [e["full-bottom-height"]]: I,
     [e["is-loading"]]: i
   };
-  return !r && f ? null : /* @__PURE__ */ m(W, { children: [
+  return !r && f ? null : /* @__PURE__ */ m(q, { children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -87,23 +89,23 @@ import '../../assets/Drawer.css';const Y = "_drawer_1xs4d_3", q = "_content_1xs4
         children: /* @__PURE__ */ t(
           "section",
           {
-            ref: L,
+            ref: A,
             className: s(e.content, e[l], {
               [e["is-loading"]]: !!i
             }),
-            children: i ? /* @__PURE__ */ t(V, {}) : /* @__PURE__ */ m(X, { children: [
+            children: i ? /* @__PURE__ */ t(Y, {}) : /* @__PURE__ */ m(P, { children: [
               /* @__PURE__ */ m(
                 "header",
                 {
-                  className: s(e.header, {
+                  className: s(e.header, D, {
                     [e["sticky-header"]]: B
                   }),
                   children: [
-                    /* @__PURE__ */ t("h2", { className: e.title, children: E }),
+                    /* @__PURE__ */ t("h2", { className: s(e.title, C), children: E }),
                     /* @__PURE__ */ t("div", { className: e.space, children: x && /* @__PURE__ */ t(
                       k,
                       {
-                        variant: K.SecondaryWhite,
+                        variant: W.SecondaryWhite,
                         isIconButton: !0,
                         size: d ? n.S : n.M,
                         iconName: "Close16px",
@@ -114,8 +116,8 @@ import '../../assets/Drawer.css';const Y = "_drawer_1xs4d_3", q = "_content_1xs4
                   ]
                 }
               ),
-              /* @__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(
+              /* @__PURE__ */ t("div", { className: s(e.inner, z), children: T }),
+              /* @__PURE__ */ t("footer", { className: s(e.footer, L), children: typeof c == "function" ? c({ handleClose: o }) : c || x && /* @__PURE__ */ t(
                 k,
                 {
                   size: d ? n.M : n.XXL,
@@ -141,12 +143,12 @@ import '../../assets/Drawer.css';const Y = "_drawer_1xs4d_3", q = "_content_1xs4
           v
         ),
         "data-testid": "drawer-overlay",
-        onClick: R
+        onClick: X
       }
     )
   ] });
 };
 export {
-  le as ANIMATION_DELAY,
-  ve as Drawer
+  de as ANIMATION_DELAY,
+  we as Drawer
 };

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -1,15 +1,15 @@
-import { jsxs as b, jsx as o, Fragment as j } from "react/jsx-runtime";
+import { jsxs as b, jsx as o, Fragment as P } from "react/jsx-runtime";
 import { c as r } from "../../index-DIxK0V-G.js";
-import { forwardRef as ce, useRef as P, useState as E, useEffect as L, useMemo as ae } from "react";
+import { forwardRef as ce, useRef as F, useState as E, useEffect as L, useMemo as ae } from "react";
 import { EMultiSelectSearchSize as O } from "./constants.js";
-import { getInitialInputValue as F, MULTISELECT_OPEN_EVENT as G, mapSizeToInputSize as U, getDropdownArrowIcon as ue, dispatchMultiselectOpen as I, joinSelectedItems as H } from "./utils.js";
+import { getInitialInputValue as j, MULTISELECT_OPEN_EVENT as G, mapSizeToInputSize as U, getDropdownArrowIcon as ue, dispatchMultiselectOpen as I, joinSelectedItems as W } from "./utils.js";
 import { Icon as de } from "../../icons/Icon.js";
 import { Button as pe } from "../Button/Button.js";
 import { CheckboxMimir as me } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as _e } from "../Chip/Chip.js";
-import { I as J } from "../../Input-BYrIS5GU.js";
+import { I as H } from "../../Input-BYrIS5GU.js";
 import { EInputVariant as he } from "../Input/constants.js";
-import { H as fe, U as K, G as W, K as ke, j as qe } from "../../combobox-BpYucpxz.js";
+import { H as fe, U as J, G as K, K as ke, W as qe } from "../../combobox-CDU06zJj.js";
 import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve = "_container_17kql_9", be = "_full_17kql_27", Ie = "_button_17kql_39", we = "_options_17kql_53", Ne = "_top_17kql_64", Ce = "_bottom_17kql_69", Se = "_m_17kql_2", Me = "_l_17kql_111", Ee = "_focused_17kql_129", Le = "_option_17kql_53", Oe = "_chip_17kql_158", Te = "_clear_17kql_183", t = {
   "multi-select-search": "_multi-select-search_17kql_2",
   disabled: ge,
@@ -64,13 +64,13 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
       disableInput: f = !1,
       autocomplete: z = "on",
       id: m = `multiselect-${Math.random().toString(36).slice(2, 11)}`
-    } = $, S = P(null), _ = P(null), [k, h] = E(!1), [q, g] = E(
-      () => F(u, p)
+    } = $, S = F(null), _ = F(null), [k, h] = E(!1), [q, g] = E(
+      () => j(u, p)
     ), [l, v] = E(
       u || []
     );
     L(() => {
-      u && (v(u), JSON.stringify(u) !== JSON.stringify(l) && g(F(u, p)));
+      u && (v(u), JSON.stringify(u) !== JSON.stringify(l) && g(j(u, p)));
     }, [u, p, l]);
     const V = ae(() => {
       var n;
@@ -81,7 +81,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
       );
     }, [x, d, q, l]), ne = (e) => {
       v(e), s == null || s(e);
-      const n = H(e, p);
+      const n = W(e, p);
       g(n), h(!0), I(m), setTimeout(() => {
         if (_.current) {
           _.current.focus(), _.current.scrollLeft = _.current.scrollWidth;
@@ -101,7 +101,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
       const n = l.filter(
         (a) => a.id !== e.id
       );
-      v(n), s == null || s(n), g(H(n, p));
+      v(n), s == null || s(n), g(W(n, p));
     }, B = () => {
       const e = !k;
       h(e), e && I(m);
@@ -160,15 +160,15 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
               children: [
                 f && /* @__PURE__ */ b("div", { className: t["input-container"], children: [
                   /* @__PURE__ */ o(
-                    K,
+                    J,
                     {
                       disabled: c,
                       style: { width: "100%" },
                       onClick: B,
                       children: /* @__PURE__ */ o(
-                        W,
+                        K,
                         {
-                          as: J,
+                          as: H,
                           label: T,
                           size: U(i),
                           className: r(t["multi-select-input"], {
@@ -212,9 +212,9 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
                   )
                 ] }),
                 !f && /* @__PURE__ */ o(
-                  W,
+                  K,
                   {
-                    as: J,
+                    as: H,
                     label: T,
                     size: U(i),
                     className: t["multi-select-input"],
@@ -233,7 +233,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
                     rightAddon: {
                       addonType: "react-node",
                       addonContent: Y && /* @__PURE__ */ o(
-                        K,
+                        J,
                         {
                           className: r(t.button, {
                             [t.disabled]: c
@@ -257,7 +257,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
                     ...D
                   }
                 ),
-                k && /* @__PURE__ */ o(j, { children: d.length ? V.length ? /* @__PURE__ */ o(
+                k && /* @__PURE__ */ o(P, { children: d.length ? V.length ? /* @__PURE__ */ o(
                   ke,
                   {
                     className: r(
@@ -279,7 +279,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
                             [t["option-active"]]: n
                           }
                         ),
-                        children: /* @__PURE__ */ b(j, { children: [
+                        children: /* @__PURE__ */ b(P, { children: [
                           /* @__PURE__ */ b("div", { className: t["option-inner"], children: [
                             e.name,
                             e.bottom && /* @__PURE__ */ o("div", { children: e.bottom })

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,10 +1,10 @@
 import { jsxs as ee, jsx as L, Fragment as _e } from "react/jsx-runtime";
-import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-D4GFpe5F.js";
-import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-mgWkd2Vh.js";
+import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-y3ANLTNC.js";
+import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-B0lm_zyn.js";
 import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
 import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
 import { r as fe } from "../../bugs-diTMAGNw.js";
-import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-DOYCPyGg.js";
+import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-XwV-9qkO.js";
 import { c as M } from "../../index-DIxK0V-G.js";
 import '../../assets/RadioGroup.css';var Se = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Se || {});
 let Le = { 0(e, r) {