@reportportal/ui-kit 0.0.1-alpha.263 → 0.0.1-alpha.265

package/dist/sidePanel.js

@@ -1,14 +1,15 @@
-import { jsxs as a, jsx as i, Fragment as x } from "react/jsx-runtime";
-import { useId as A, useRef as O, useMemo as P, useEffect as S } from "react";
-import { c as $ } from "./bind-06a7ff84.js";
-import { K as D } from "./keyCodes-f63c0e11.js";
-import { u as K } from "./useOnClickOutside-8f7d68a1.js";
+import { jsxs as a, jsx as i, Fragment as P } from "react/jsx-runtime";
+import { useId as I, useRef as k, useMemo as x, useEffect as $ } from "react";
+import { c as L } from "./bind-06a7ff84.js";
+import { K as S } from "./keyCodes-f63c0e11.js";
+import { u as D } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { a as L } from "./dropdown-2b7f4f78.js";
-import { N as B } from "./constants-49d50d11.js";
-import { S as j } from "./close-4d480ef7.js";
-import { B as w } from "./baseIconButton-f1c96f52.js";
+import { a as K } from "./dropdown-2b7f4f78.js";
+import { POPOVER_PORTAL_ATTR as B } from "./popover.js";
+import { N as j } from "./constants-b2831c98.js";
+import { S as w } from "./close-4d480ef7.js";
+import { B as F } from "./baseIconButton-f1c96f52.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
@@ -25,25 +26,25 @@ import "./tooltip.js";
 import "@floating-ui/react";
 import "./floatingUi-46f5b896.js";
 import "./constants-85822a6b.js";
-const F = "_active_5ebdz_11", M = "_compact_5ebdz_62", H = "_header_5ebdz_58", U = "_title_5ebdz_88", W = "_description_5ebdz_99", Y = "_content_5ebdz_108", q = "_footer_5ebdz_115", G = "_divider_5ebdz_121", J = {
+const M = "_active_5ebdz_11", H = "_compact_5ebdz_62", U = "_header_5ebdz_58", V = "_title_5ebdz_88", W = "_description_5ebdz_99", Y = "_content_5ebdz_108", q = "_footer_5ebdz_115", G = "_divider_5ebdz_121", J = {
   "side-panel-overlay": "_side-panel-overlay_5ebdz_1",
-  active: F,
+  active: M,
   "overlay-default": "_overlay-default_5ebdz_16",
   "overlay-light-cyan": "_overlay-light-cyan_5ebdz_20",
   "side-panel": "_side-panel_5ebdz_1",
   "side-right": "_side-right_5ebdz_42",
   "side-left": "_side-left_5ebdz_50",
   "header-section": "_header-section_5ebdz_58",
-  compact: M,
-  header: H,
+  compact: H,
+  header: U,
   "header-content": "_header-content_5ebdz_78",
   "close-button": "_close-button_5ebdz_82",
-  title: U,
+  title: V,
   description: W,
   content: Y,
   footer: q,
   divider: G
-}, e = $.bind(J), ge = ({
+}, e = L.bind(J), Ee = ({
   className: b,
   title: d,
   descriptionComponent: s,
@@ -59,32 +60,36 @@ const F = "_active_5ebdz_11", M = "_compact_5ebdz_62", H = "_header_5ebdz_58", U
   showOverlay: _ = !1,
   overlay: m = "default",
   allowCloseOutside: N = !0,
-  overlayClassName: g
+  overlayClassName: T
 }) => {
-  const p = A(), v = O(null), E = () => {
+  const p = I(), v = k(null), g = () => {
     t == null || t();
-  }, T = P(
+  }, E = x(
     () => ({
-      ignoreSelectors: [`[${L}]`, `[${B}]`]
+      ignoreSelectors: [
+        `[${K}]`,
+        `[${B}]`,
+        `[${j}]`
+      ]
     }),
     []
   );
-  K(
+  D(
     v,
     N && _ && r ? t : void 0,
-    T
-  ), S(() => {
+    E
+  ), $(() => {
     if (!r || !t)
       return;
-    const h = (R) => {
-      const { keyCode: k } = R;
-      k === D.ESCAPE_KEY_CODE && t();
+    const h = (O) => {
+      const { keyCode: A } = O;
+      A === S.ESCAPE_KEY_CODE && t();
     };
     return document.addEventListener("keydown", h, !1), () => {
       document.removeEventListener("keydown", h, !1);
     };
   }, [r, t]);
-  const I = !!(o || s), f = /* @__PURE__ */ a(
+  const R = !!(o || s), f = /* @__PURE__ */ a(
     "aside",
     {
       ref: v,
@@ -96,16 +101,16 @@ const F = "_active_5ebdz_11", M = "_compact_5ebdz_62", H = "_header_5ebdz_58", U
       style: { top: n, height: `calc(100vh - ${n}px)` },
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ a("div", { className: e("header-section", { compact: !I }), children: [
+        /* @__PURE__ */ a("div", { className: e("header-section", { compact: !R }), children: [
           (o || d) && /* @__PURE__ */ a("div", { className: e("header"), children: [
             d ? /* @__PURE__ */ i("span", { id: p, className: e("title"), children: d }) : o,
             t && /* @__PURE__ */ i(
-              w,
+              F,
               {
                 className: e("close-button"),
-                onClick: E,
+                onClick: g,
                 "aria-label": y,
-                children: /* @__PURE__ */ i(j, {})
+                children: /* @__PURE__ */ i(w, {})
               }
             )
           ] }),
@@ -113,7 +118,7 @@ const F = "_active_5ebdz_11", M = "_compact_5ebdz_62", H = "_header_5ebdz_58", U
         ] }),
         /* @__PURE__ */ i("div", { className: e("divider") }),
         c && /* @__PURE__ */ i("div", { className: e("content", u), children: c }),
-        l && /* @__PURE__ */ a(x, { children: [
+        l && /* @__PURE__ */ a(P, { children: [
           /* @__PURE__ */ i("div", { className: e("divider") }),
           /* @__PURE__ */ i("div", { className: e("footer"), children: l })
         ] })
@@ -127,12 +132,12 @@ const F = "_active_5ebdz_11", M = "_compact_5ebdz_62", H = "_header_5ebdz_58", U
         "side-panel-overlay",
         { active: r },
         m && `overlay-${m}`,
-        g
+        T
       ),
       children: f
     }
   ) : f;
 };
 export {
-  ge as SidePanel
+  Ee as SidePanel
 };