@reportportal/ui-kit 0.0.1-alpha.178 → 0.0.1-alpha.179

package/dist/sidePanel.js

@@ -6,8 +6,8 @@ import { u as B } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { a as L } from "./dropdown-e853293f.js";
-import { S as T } from "./close-4d480ef7.js";
-import { B as j } from "./baseIconButton-251479f7.js";
+import { S as O } from "./close-4d480ef7.js";
+import { B as T } from "./baseIconButton-251479f7.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
@@ -20,42 +20,42 @@ import "./button-97d9e587.js";
 import "./isEmpty-ccacb5ff.js";
 import "./useEllipsisTitle-462fa254.js";
 import "./checkbox-493fdc63.js";
-const M = "_active_5ebdz_11", F = "_compact_5ebdz_62", H = "_header_5ebdz_58", O = "_title_5ebdz_88", U = "_description_5ebdz_99", W = "_content_5ebdz_108", Y = "_footer_5ebdz_115", q = "_divider_5ebdz_121", w = {
+const j = "_active_5ebdz_11", w = "_compact_5ebdz_62", M = "_header_5ebdz_58", F = "_title_5ebdz_88", H = "_description_5ebdz_99", U = "_content_5ebdz_108", W = "_footer_5ebdz_115", Y = "_divider_5ebdz_121", q = {
   "side-panel-overlay": "_side-panel-overlay_5ebdz_1",
-  active: M,
+  active: j,
   "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: F,
-  header: H,
+  compact: w,
+  header: M,
   "header-content": "_header-content_5ebdz_78",
   "close-button": "_close-button_5ebdz_82",
-  title: O,
-  description: U,
-  content: W,
-  footer: Y,
-  divider: q
-}, e = $.bind(w), fe = ({
-  className: u,
-  title: d,
-  descriptionComponent: o,
+  title: F,
+  description: H,
+  content: U,
+  footer: W,
+  divider: Y
+}, e = $.bind(q), fe = ({
+  className: b,
+  title: r,
+  descriptionComponent: s,
   headerComponent: c,
-  contentComponent: n,
+  contentComponent: o,
   footerComponent: l,
-  top: _ = 0,
-  side: z = "right",
-  isOpen: r = !0,
+  top: n = 0,
+  side: u = "right",
+  isOpen: d = !0,
   onClose: t,
-  closeButtonAriaLabel: y = "Close panel",
-  showOverlay: m = !1,
-  overlay: p = "default",
-  allowCloseOutside: s = !0,
+  closeButtonAriaLabel: z = "Close panel",
+  showOverlay: _ = !1,
+  overlay: m = "default",
+  allowCloseOutside: y = !0,
   overlayClassName: N
 }) => {
-  const v = D(), f = I(null), g = () => {
+  const p = D(), v = I(null), g = () => {
     t == null || t();
   }, E = K(
     () => ({
@@ -64,49 +64,49 @@ const M = "_active_5ebdz_11", F = "_compact_5ebdz_62", H = "_header_5ebdz_58", O
     []
   );
   B(
-    f,
-    s && m && r ? t : void 0,
+    v,
+    y && _ && d ? t : void 0,
     E
   ), P(() => {
-    if (!r || !t)
+    if (!d || !t)
       return;
-    const b = (x) => {
+    const h = (x) => {
       const { keyCode: R } = x;
-      R === A.ESCAPE_KEY_CODE && s && t();
+      R === A.ESCAPE_KEY_CODE && t();
     };
-    return document.addEventListener("keydown", b, !1), () => {
-      document.removeEventListener("keydown", b, !1);
+    return document.addEventListener("keydown", h, !1), () => {
+      document.removeEventListener("keydown", h, !1);
     };
-  }, [r, t, s]);
-  const k = !!(c || o), h = /* @__PURE__ */ a(
+  }, [d, t]);
+  const k = !!(c || s), f = /* @__PURE__ */ a(
     "aside",
     {
-      ref: f,
-      className: e("side-panel", `side-${z}`, { active: r }, u),
+      ref: v,
+      className: e("side-panel", `side-${u}`, { active: d }, b),
       role: "dialog",
       "aria-modal": "true",
-      "aria-hidden": !r,
-      "aria-labelledby": d ? v : void 0,
-      style: { top: _, height: `calc(100vh - ${_}px)` },
+      "aria-hidden": !d,
+      "aria-labelledby": r ? p : void 0,
+      style: { top: n, height: `calc(100vh - ${n}px)` },
       tabIndex: -1,
       children: [
         /* @__PURE__ */ a("div", { className: e("header-section", { compact: !k }), children: [
-          (c || d) && /* @__PURE__ */ a("div", { className: e("header"), children: [
-            d ? /* @__PURE__ */ i("span", { id: v, className: e("title"), children: d }) : c,
+          (c || r) && /* @__PURE__ */ a("div", { className: e("header"), children: [
+            r ? /* @__PURE__ */ i("span", { id: p, className: e("title"), children: r }) : c,
             t && /* @__PURE__ */ i(
-              j,
+              T,
               {
                 className: e("close-button"),
                 onClick: g,
-                "aria-label": y,
-                children: /* @__PURE__ */ i(T, {})
+                "aria-label": z,
+                children: /* @__PURE__ */ i(O, {})
               }
             )
           ] }),
-          o
+          s
         ] }),
         /* @__PURE__ */ i("div", { className: e("divider") }),
-        n && /* @__PURE__ */ i("div", { className: e("content"), children: n }),
+        o && /* @__PURE__ */ i("div", { className: e("content"), children: o }),
         l && /* @__PURE__ */ a(S, { children: [
           /* @__PURE__ */ i("div", { className: e("divider") }),
           /* @__PURE__ */ i("div", { className: e("footer"), children: l })
@@ -114,18 +114,18 @@ const M = "_active_5ebdz_11", F = "_compact_5ebdz_62", H = "_header_5ebdz_58", O
       ]
     }
   );
-  return m ? /* @__PURE__ */ i(
+  return _ ? /* @__PURE__ */ i(
     "div",
     {
       className: e(
         "side-panel-overlay",
-        { active: r },
-        p && `overlay-${p}`,
+        { active: d },
+        m && `overlay-${m}`,
         N
       ),
-      children: h
+      children: f
     }
-  ) : h;
+  ) : f;
 };
 export {
   fe as SidePanel

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.178",
+  "version": "0.0.1-alpha.179",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {