@reportportal/ui-kit 0.0.1-alpha.116 → 0.0.1-alpha.117

package/dist/sidePanel.js

@@ -1,69 +1,69 @@
-import { jsxs as i, jsx as t, Fragment as f } from "react/jsx-runtime";
-import { useId as p } from "react";
-import { c as N } from "./bind-06a7ff84.js";
-import { S as b } from "./close-4d480ef7.js";
-import { B as u } from "./baseIconButton-251479f7.js";
-const g = "_active_tzacv_15", x = "_header_tzacv_35", I = "_title_tzacv_59", y = "_description_tzacv_70", B = "_content_tzacv_79", S = "_footer_tzacv_86", j = "_divider_tzacv_92", $ = {
-  "side-panel": "_side-panel_tzacv_1",
+import { jsxs as a, jsx as i, Fragment as w } from "react/jsx-runtime";
+import { useId as f } from "react";
+import { c as p } from "./bind-06a7ff84.js";
+import { S as N } from "./close-4d480ef7.js";
+import { B as b } from "./baseIconButton-251479f7.js";
+const g = "_active_niweu_15", x = "_header_niweu_35", I = "_title_niweu_62", y = "_description_niweu_73", B = "_content_niweu_82", S = "_footer_niweu_89", j = "_divider_niweu_95", $ = {
+  "side-panel": "_side-panel_niweu_1",
   active: g,
-  "side-right": "_side-right_tzacv_19",
-  "side-left": "_side-left_tzacv_27",
-  "header-section": "_header-section_tzacv_35",
+  "side-right": "_side-right_niweu_19",
+  "side-left": "_side-left_niweu_27",
+  "header-section": "_header-section_niweu_35",
   header: x,
-  "header-content": "_header-content_tzacv_51",
-  "close-button": "_close-button_tzacv_55",
+  "header-content": "_header-content_niweu_52",
+  "close-button": "_close-button_niweu_56",
   title: I,
   description: y,
   content: B,
   footer: S,
   divider: j
-}, e = N.bind($), A = ({
+}, e = p.bind($), A = ({
   className: _,
-  title: a,
-  descriptionComponent: v,
-  headerComponent: s,
-  contentComponent: d,
-  footerComponent: r,
-  top: n = 0,
-  side: h = "right",
+  title: t,
+  descriptionComponent: h,
+  headerComponent: d,
+  contentComponent: n,
+  footerComponent: c,
+  top: r = 0,
+  side: u = "right",
   isOpen: l = !0,
-  onClose: c,
+  onClose: s,
   closeButtonAriaLabel: m = "Close panel"
 }) => {
-  const o = p(), z = () => {
-    c == null || c();
+  const o = f(), v = () => {
+    s == null || s();
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     "aside",
     {
-      className: e("side-panel", `side-${h}`, { active: l }, _),
+      className: e("side-panel", `side-${u}`, { active: l }, _),
       role: "dialog",
       "aria-modal": "true",
       "aria-hidden": !l,
-      "aria-labelledby": a ? o : void 0,
-      style: { top: n, height: `calc(100vh - ${n}px)` },
+      "aria-labelledby": t ? o : void 0,
+      style: { top: r, height: `calc(100vh - ${r}px)` },
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ i("div", { className: e("header-section"), children: [
-          (s || a) && /* @__PURE__ */ i("div", { className: e("header"), children: [
-            a ? /* @__PURE__ */ t("span", { id: o, className: e("title"), children: a }) : s,
-            c && /* @__PURE__ */ t(
-              u,
+        /* @__PURE__ */ a("div", { className: e("header-section"), children: [
+          (d || t) && /* @__PURE__ */ a("div", { className: e("header"), children: [
+            t ? /* @__PURE__ */ i("span", { id: o, className: e("title"), children: t }) : d,
+            s && /* @__PURE__ */ i(
+              b,
               {
                 className: e("close-button"),
-                onClick: z,
+                onClick: v,
                 "aria-label": m,
-                children: /* @__PURE__ */ t(b, {})
+                children: /* @__PURE__ */ i(N, {})
               }
             )
           ] }),
-          v
+          h
         ] }),
-        /* @__PURE__ */ t("div", { className: e("divider") }),
-        d && /* @__PURE__ */ t("div", { className: e("content"), children: d }),
-        r && /* @__PURE__ */ i(f, { children: [
-          /* @__PURE__ */ t("div", { className: e("divider") }),
-          /* @__PURE__ */ t("div", { className: e("footer"), children: r })
+        /* @__PURE__ */ i("div", { className: e("divider") }),
+        n && /* @__PURE__ */ i("div", { className: e("content"), children: n }),
+        c && /* @__PURE__ */ a(w, { children: [
+          /* @__PURE__ */ i("div", { className: e("divider") }),
+          /* @__PURE__ */ i("div", { className: e("footer"), children: c })
         ] })
       ]
     }