@reportportal/ui-kit 0.0.1-alpha.121 → 0.0.1-alpha.123

package/dist/index.js

@@ -1,8 +1,8 @@
 import { A as C } from "./index-1a874a8b.js";
 import { B as g } from "./baseIconButton-251479f7.js";
 import { B as y } from "./breadcrumbs-8e5ca8d7.js";
-import { B as b } from "./bubblesLoader-f3ffa240.js";
-import { B as A } from "./button-97d9e587.js";
+import { B as T } from "./bubblesLoader-f3ffa240.js";
+import { B as h } from "./button-97d9e587.js";
 import { C as v } from "./checkbox-ed6cc375.js";
 import { D as w } from "./datePicker-fcff097b.js";
 import "react-datepicker";
@@ -12,33 +12,35 @@ import { F as U } from "./fieldNumber-d1b5a7a1.js";
 import { F as J } from "./fieldText-2c4790e1.js";
 import { F as z } from "./fieldTextFlex-2f51c173.js";
 import { FileDropArea as W } from "./fileDropArea.js";
-import { Modal as j } from "./modal.js";
-import { MultipleAutocomplete as K, SingleAutocomplete as Q } from "./autocompletes.js";
-import { P as Y } from "./pagination-5cc0ebdd.js";
-import { Popover as _ } from "./popover.js";
-import { R as oo } from "./radio-62546efa.js";
-import { S as eo } from "./selection-9124d029.js";
-import { S as to } from "./spinLoader-c4a53718.js";
-import { SystemAlert as co } from "./systemAlert.js";
-import { S as io } from "./systemMessage-924fdaa6.js";
-import { T as mo } from "./table-8e223d5d.js";
-import { T as lo } from "./themeProvider-46c2be7b.js";
-import { T as fo } from "./toggle-304107fa.js";
-import { Tooltip as So } from "./tooltip.js";
-import { SidePanel as Co } from "./sidePanel.js";
-import { AddCsvIcon as go, AddImageIcon as Do, AddJarIcon as yo, BreadcrumbsTreeIcon as To, CalendarIcon as bo, CheckmarkIcon as ho, ChevronRightBreadcrumbsIcon as Ao, ConfigurationIcon as Bo, CopyIcon as vo, CoverageFullIcon as Mo, CoveragePartialIcon as wo, CoveredManuallyIcon as ko, DeleteIcon as Eo, DragAndDropIcon as Lo, DragNDropIcon as Ro, DurationIcon as Oo, EditIcon as Uo, ExportIcon as Ho, FilterFilledIcon as Jo, FilterOutlineIcon as No, FlagIcon as zo, GroupByIcon as Go, HideIcon as Wo, LaunchTypeIcon as Xo, MaximizeIcon as jo, MoveToFolderIcon as qo, PinFilledIcon as Ko, PinOutlineIcon as Qo, PriorityBlockerIcon as Vo, PriorityCriticalIcon as Yo, PriorityHighIcon as Zo, PriorityLowIcon as _o, PriorityMediumIcon as $o, PriorityUnspecifiedIcon as or, RefreshIcon as rr, RerunIcon as er, RunManualIcon as nr, SearchIcon as tr, SortIcon as ar, StatusSuccessIcon as cr, TestPlanIcon as pr, UserIcon as ir, WarningIcon as Ir } from "./icons.js";
-import { S as sr, a as lr, b as xr } from "./chevronDownDropdown-66f5b1af.js";
+import { FiltersButton as j } from "./filtersButton.js";
+import { Modal as K } from "./modal.js";
+import { MultipleAutocomplete as V, SingleAutocomplete as Y } from "./autocompletes.js";
+import { P as _ } from "./pagination-5cc0ebdd.js";
+import { Popover as oo } from "./popover.js";
+import { R as eo } from "./radio-62546efa.js";
+import { S as to } from "./selection-9124d029.js";
+import { S as co } from "./spinLoader-c4a53718.js";
+import { SystemAlert as io } from "./systemAlert.js";
+import { S as so } from "./systemMessage-924fdaa6.js";
+import { T as lo } from "./table-8e223d5d.js";
+import { T as fo } from "./themeProvider-46c2be7b.js";
+import { T as So } from "./toggle-304107fa.js";
+import { Tooltip as Co } from "./tooltip.js";
+import { SidePanel as go } from "./sidePanel.js";
+import { AddCsvIcon as yo, AddImageIcon as Bo, AddJarIcon as To, BreadcrumbsTreeIcon as bo, CalendarIcon as ho, CheckmarkIcon as Ao, ChevronRightBreadcrumbsIcon as vo, ConfigurationIcon as Mo, CopyIcon as wo, CoverageFullIcon as ko, CoveragePartialIcon as Eo, CoveredManuallyIcon as Lo, DeleteIcon as Ro, DragAndDropIcon as Oo, DragNDropIcon as Uo, DurationIcon as Ho, EditIcon as Jo, ExportIcon as No, FlagIcon as zo, GroupByIcon as Go, HideIcon as Wo, LaunchTypeIcon as Xo, MaximizeIcon as jo, MoveToFolderIcon as qo, PinFilledIcon as Ko, PinOutlineIcon as Qo, PriorityBlockerIcon as Vo, PriorityCriticalIcon as Yo, PriorityHighIcon as Zo, PriorityLowIcon as _o, PriorityMediumIcon as $o, PriorityUnspecifiedIcon as or, RefreshIcon as rr, RerunIcon as er, RunManualIcon as nr, SearchIcon as tr, SortIcon as ar, StatusSuccessIcon as cr, TestPlanIcon as pr, UserIcon as ir, WarningIcon as mr } from "./icons.js";
+import { S as Ir, a as lr, b as xr } from "./chevronDownDropdown-66f5b1af.js";
 import { S as dr } from "./calendarArrow-44c7e60e.js";
 import { S as Sr } from "./clear-53660571.js";
 import { S as Cr, a as Fr } from "./openEye-950159cb.js";
 import { S as Dr } from "./close-4d480ef7.js";
-import { S as Tr, a as br, b as hr, c as Ar, d as Br, e as vr, f as Mr } from "./xls-995781cc.js";
+import { S as Br, a as Tr, b as br, c as hr, d as Ar, e as vr, f as Mr } from "./xls-995781cc.js";
 import { S as kr } from "./dropdown-0260bb66.js";
 import { S as Lr, a as Rr, b as Or } from "./success-8fd8bd2c.js";
-import { S as Hr, a as Jr } from "./tree-c3dd3d45.js";
-import { S as zr } from "./minus-2857540f.js";
-import { S as Wr } from "./plus-199fb2a8.js";
-import { S as jr, a as qr } from "./prevPage-87faf576.js";
+import { S as Hr, a as Jr } from "./filterOutline-819b4b0d.js";
+import { S as zr, a as Gr } from "./tree-c3dd3d45.js";
+import { S as Xr } from "./minus-2857540f.js";
+import { S as qr } from "./plus-199fb2a8.js";
+import { S as Qr, a as Vr } from "./prevPage-87faf576.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -56,100 +58,101 @@ import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 import "react-dom";
 export {
-  go as AddCsvIcon,
-  Do as AddImageIcon,
-  yo as AddJarIcon,
-  sr as ArrowDownIcon,
+  yo as AddCsvIcon,
+  Bo as AddImageIcon,
+  To as AddJarIcon,
+  Ir as ArrowDownIcon,
   lr as ArrowUpIcon,
   C as AttachedFile,
   g as BaseIconButton,
   y as Breadcrumbs,
-  To as BreadcrumbsTreeIcon,
-  b as BubblesLoader,
-  A as Button,
+  bo as BreadcrumbsTreeIcon,
+  T as BubblesLoader,
+  h as Button,
   dr as CalendarArrowIcon,
-  bo as CalendarIcon,
+  ho as CalendarIcon,
   v as Checkbox,
-  ho as CheckmarkIcon,
+  Ao as CheckmarkIcon,
   xr as ChevronDownDropdownIcon,
-  Ao as ChevronRightBreadcrumbsIcon,
+  vo as ChevronRightBreadcrumbsIcon,
   Sr as ClearIcon,
   Cr as CloseEyeIcon,
   Dr as CloseIcon,
-  Bo as ConfigurationIcon,
-  vo as CopyIcon,
-  Mo as CoverageFullIcon,
-  wo as CoveragePartialIcon,
-  ko as CoveredManuallyIcon,
-  Tr as CsvIcon,
+  Mo as ConfigurationIcon,
+  wo as CopyIcon,
+  ko as CoverageFullIcon,
+  Eo as CoveragePartialIcon,
+  Lo as CoveredManuallyIcon,
+  Br as CsvIcon,
   w as DatePicker,
-  Eo as DeleteIcon,
-  Lo as DragAndDropIcon,
-  Ro as DragNDropIcon,
+  Ro as DeleteIcon,
+  Oo as DragAndDropIcon,
+  Uo as DragNDropIcon,
   E as Dropdown,
   kr as DropdownIcon,
-  Oo as DurationIcon,
-  Uo as EditIcon,
+  Ho as DurationIcon,
+  Jo as EditIcon,
   Lr as ErrorIcon,
-  Ho as ExportIcon,
-  br as ExternalLinkIcon,
+  No as ExportIcon,
+  Tr as ExternalLinkIcon,
   R as FieldLabel,
   U as FieldNumber,
   J as FieldText,
   z as FieldTextFlex,
   W as FileDropArea,
-  hr as FileOtherIcon,
-  Jo as FilterFilledIcon,
-  No as FilterOutlineIcon,
+  br as FileOtherIcon,
+  Hr as FilterFilledIcon,
+  Jr as FilterOutlineIcon,
+  j as FiltersButton,
   zo as FlagIcon,
   Go as GroupByIcon,
   Wo as HideIcon,
-  Ar as ImageIcon,
+  hr as ImageIcon,
   Rr as InfoIcon,
-  Br as JarIcon,
+  Ar as JarIcon,
   Xo as LaunchTypeIcon,
   jo as MaximizeIcon,
-  Hr as MeatballMenuIcon,
-  zr as MinusIcon,
-  j as Modal,
+  zr as MeatballMenuIcon,
+  Xr as MinusIcon,
+  K as Modal,
   qo as MoveToFolderIcon,
-  K as MultipleAutocomplete,
+  V as MultipleAutocomplete,
   Fr as OpenEyeIcon,
-  Y as Pagination,
+  _ as Pagination,
   vr as PdfIcon,
   Ko as PinFilledIcon,
   Qo as PinOutlineIcon,
-  Wr as PlusIcon,
-  _ as Popover,
-  jr as PrevChapterIcon,
-  qr as PrevPageIcon,
+  qr as PlusIcon,
+  oo as Popover,
+  Qr as PrevChapterIcon,
+  Vr as PrevPageIcon,
   Vo as PriorityBlockerIcon,
   Yo as PriorityCriticalIcon,
   Zo as PriorityHighIcon,
   _o as PriorityLowIcon,
   $o as PriorityMediumIcon,
   or as PriorityUnspecifiedIcon,
-  oo as Radio,
+  eo as Radio,
   rr as RefreshIcon,
   er as RerunIcon,
   nr as RunManualIcon,
   tr as SearchIcon,
-  eo as Selection,
-  Co as SidePanel,
-  Q as SingleAutocomplete,
+  to as Selection,
+  go as SidePanel,
+  Y as SingleAutocomplete,
   ar as SortIcon,
-  to as SpinLoader,
+  co as SpinLoader,
   cr as StatusSuccessIcon,
   Or as SuccessIcon,
-  co as SystemAlert,
-  io as SystemMessage,
-  mo as Table,
+  io as SystemAlert,
+  so as SystemMessage,
+  lo as Table,
   pr as TestPlanIcon,
-  lo as ThemeProvider,
-  fo as Toggle,
-  So as Tooltip,
-  Jr as TreeIcon,
+  fo as ThemeProvider,
+  So as Toggle,
+  Co as Tooltip,
+  Gr as TreeIcon,
   ir as UserIcon,
-  Ir as WarningIcon,
+  mr as WarningIcon,
   Mr as XlsIcon
 };

package/dist/sidePanel.js

@@ -1,74 +1,88 @@
-import { jsxs as a, jsx as s, 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 x = "_active_12osg_15", I = "_header_12osg_35", y = "_title_12osg_62", B = "_description_12osg_73", S = "_content_12osg_82", j = "_footer_12osg_89", $ = "_divider_12osg_95", k = {
-  "side-panel": "_side-panel_12osg_1",
-  active: x,
-  "side-right": "_side-right_12osg_19",
-  "side-left": "_side-left_12osg_27",
-  "header-section": "_header-section_12osg_35",
-  header: I,
-  "header-content": "_header-content_12osg_52",
-  "close-button": "_close-button_12osg_56",
-  title: y,
+import { jsxs as s, jsx as i, Fragment as p } from "react/jsx-runtime";
+import { useId as N, useEffect as y } from "react";
+import { c as g } from "./bind-06a7ff84.js";
+import { K as E } from "./keyCodes-f63c0e11.js";
+import { S as x } from "./close-4d480ef7.js";
+import { B as k } from "./baseIconButton-251479f7.js";
+const I = "_active_6bj2z_15", K = "_compact_6bj2z_39", S = "_header_6bj2z_35", w = "_title_6bj2z_65", B = "_description_6bj2z_76", D = "_content_6bj2z_85", L = "_footer_6bj2z_92", P = "_divider_6bj2z_98", $ = {
+  "side-panel": "_side-panel_6bj2z_1",
+  active: I,
+  "side-right": "_side-right_6bj2z_19",
+  "side-left": "_side-left_6bj2z_27",
+  "header-section": "_header-section_6bj2z_35",
+  compact: K,
+  header: S,
+  "header-content": "_header-content_6bj2z_55",
+  "close-button": "_close-button_6bj2z_59",
+  title: w,
   description: B,
-  content: S,
-  footer: j,
-  divider: $
-}, e = N.bind(k), A = ({
-  className: _,
-  title: i,
-  descriptionComponent: h,
+  content: D,
+  footer: L,
+  divider: P
+}, e = g.bind($), J = ({
+  className: h,
+  title: c,
+  descriptionComponent: r,
   headerComponent: d,
-  contentComponent: c,
+  contentComponent: n,
   footerComponent: o,
-  top: r = 0,
-  side: g = "right",
-  isOpen: n = !0,
+  top: _ = 0,
+  side: b = "right",
+  isOpen: a = !0,
   onClose: t,
-  closeButtonAriaLabel: m = "Close panel"
+  closeButtonAriaLabel: v = "Close panel"
 }) => {
-  const l = p(), v = () => {
+  const l = N(), f = () => {
     t == null || t();
   };
-  return /* @__PURE__ */ a(
+  y(() => {
+    if (!a || !t)
+      return;
+    const m = (z) => {
+      const { keyCode: u } = z;
+      u === E.ESCAPE_KEY_CODE && t();
+    };
+    return document.addEventListener("keydown", m, !1), () => {
+      document.removeEventListener("keydown", m, !1);
+    };
+  }, [a, t]);
+  const j = !!(d || r);
+  return /* @__PURE__ */ s(
     "aside",
     {
-      className: e("side-panel", `side-${g}`, { active: n }, _),
+      className: e("side-panel", `side-${b}`, { active: a }, h),
       role: "dialog",
       "aria-modal": "true",
-      "aria-hidden": !n,
-      "aria-labelledby": i ? l : void 0,
-      style: { top: r, height: `calc(100vh - ${r}px)` },
+      "aria-hidden": !a,
+      "aria-labelledby": c ? l : void 0,
+      style: { top: _, height: `calc(100vh - ${_}px)` },
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ a("div", { className: e("header-section"), children: [
-          (d || i) && /* @__PURE__ */ a("div", { className: e("header"), children: [
-            i ? /* @__PURE__ */ s("span", { id: l, className: e("title"), children: i }) : d,
-            t && /* @__PURE__ */ s(
-              u,
+        /* @__PURE__ */ s("div", { className: e("header-section", { compact: !j }), children: [
+          (d || c) && /* @__PURE__ */ s("div", { className: e("header"), children: [
+            c ? /* @__PURE__ */ i("span", { id: l, className: e("title"), children: c }) : d,
+            t && /* @__PURE__ */ i(
+              k,
               {
                 className: e("close-button"),
-                onClick: v,
-                "aria-label": m,
-                children: /* @__PURE__ */ s(b, {})
+                onClick: f,
+                "aria-label": v,
+                children: /* @__PURE__ */ i(x, {})
               }
             )
           ] }),
-          h
+          r
         ] }),
-        /* @__PURE__ */ s("div", { className: e("divider") }),
-        c && /* @__PURE__ */ s("div", { className: e("content"), children: c }),
-        o && /* @__PURE__ */ a(f, { children: [
-          /* @__PURE__ */ s("div", { className: e("divider") }),
-          /* @__PURE__ */ s("div", { className: e("footer"), children: o })
+        /* @__PURE__ */ i("div", { className: e("divider") }),
+        n && /* @__PURE__ */ i("div", { className: e("content"), children: n }),
+        o && /* @__PURE__ */ s(p, { children: [
+          /* @__PURE__ */ i("div", { className: e("divider") }),
+          /* @__PURE__ */ i("div", { className: e("footer"), children: o })
         ] })
       ]
     }
   );
 };
 export {
-  A as SidePanel
+  J as SidePanel
 };