@reportportal/ui-kit 0.0.1-alpha.172 → 0.0.1-alpha.174

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { D as r } from "./dropdown-7d024c49.js";
-import { a as n } from "./dropdown-7d024c49.js";
+import { D as r } from "./dropdown-e853293f.js";
+import { a as E } from "./dropdown-e853293f.js";
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
@@ -16,9 +16,12 @@ import "./adaptiveTagList.js";
 import "./button-97d9e587.js";
 import "./close-4d480ef7.js";
 import "./isEmpty-ccacb5ff.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "./useEllipsisTitle-462fa254.js";
 import "./checkbox-493fdc63.js";
 export {
-  n as DROPDOWN_PORTAL_MENU_ATTR,
+  E as DROPDOWN_PORTAL_MENU_ATTR,
   r as Dropdown,
   r as default
 };

package/dist/filtersButton.js

@@ -1,64 +1,64 @@
-import { jsxs as N, jsx as e } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { c as S } from "./bind-06a7ff84.js";
-import { S as y } from "./clear-53660571.js";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { c as g } from "./bind-06a7ff84.js";
+import { S } from "./clear-53660571.js";
 import { S as D, a as k } from "./filterOutline-819b4b0d.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as x } from "./useEllipsisTitle-462fa254.js";
-const F = "_opened_ntvuh_37", T = "_icon_ntvuh_98", j = "_disabled_ntvuh_115", E = {
-  "filters-icon-container": "_filters-icon-container_ntvuh_16",
-  "filter-icon": "_filter-icon_ntvuh_34",
+const F = "_opened_1ytvw_37", T = "_icon_1ytvw_95", j = "_disabled_1ytvw_112", E = {
+  "filters-icon-container": "_filters-icon-container_1ytvw_16",
+  "filter-icon": "_filter-icon_1ytvw_34",
   opened: F,
-  "with-applied": "_with-applied_ntvuh_43",
-  "filters-count": "_filters-count_ntvuh_52",
-  "clear-wrapper": "_clear-wrapper_ntvuh_89",
+  "with-applied": "_with-applied_1ytvw_43",
+  "filters-count": "_filters-count_1ytvw_51",
+  "clear-wrapper": "_clear-wrapper_1ytvw_86",
   icon: T,
-  "clear-icon": "_clear-icon_ntvuh_98",
+  "clear-icon": "_clear-icon_1ytvw_95",
   disabled: j
-}, n = S.bind(E), q = g(
+}, o = g.bind(E), q = N(
   ({
     appliedFiltersCount: l = 0,
     isOpen: f = !1,
     className: _,
     type: d = "button",
-    text: r,
+    text: n,
     filtersLabelClassName: c,
-    clearable: u = !1,
+    clearable: m = !1,
     onClear: i,
-    clearButtonAriaLabel: m = "Clear filters",
-    ...h
-  }, v) => {
-    const o = l > 0, s = r !== void 0 && r !== "", b = s ? r : o ? l : void 0, { ref: a, title: p } = x(b), w = n("filters-icon-container", _, {
-      "with-applied": o || s,
+    clearButtonAriaLabel: w = "Clear filters",
+    ...v
+  }, u) => {
+    const s = l > 0, r = n !== void 0 && n !== "", y = r ? n : s ? l : void 0, { ref: a, title: p } = x(y), b = o("filters-icon-container", _, {
+      "with-applied": s || r,
       opened: f
     });
-    return /* @__PURE__ */ N("button", { type: d, className: w, ref: v, ...h, children: [
-      /* @__PURE__ */ e("span", { className: n("filter-icon"), children: o || s ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(k, {}) }),
-      s ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ h("button", { type: d, className: b, ref: u, ...v, children: [
+      /* @__PURE__ */ e("span", { className: o("filter-icon"), children: s ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(k, {}) }),
+      r ? /* @__PURE__ */ e(
         "span",
         {
           ref: a,
           title: p,
-          className: n("filters-count", c),
-          children: r
+          className: o("filters-count", c),
+          children: n
         }
-      ) : o ? /* @__PURE__ */ e(
+      ) : s ? /* @__PURE__ */ e(
         "span",
         {
           ref: a,
           title: p,
-          className: n("filters-count", c),
+          className: o("filters-count", c),
           children: l
         }
       ) : null,
-      u && (o || s) && /* @__PURE__ */ e("div", { className: n("clear-wrapper"), children: /* @__PURE__ */ e(
+      m && (s || r) && /* @__PURE__ */ e("div", { className: o("clear-wrapper"), children: /* @__PURE__ */ e(
         "span",
         {
           role: "button",
           tabIndex: 0,
-          "aria-label": m,
-          className: n("clear-icon"),
+          "aria-label": w,
+          className: o("clear-icon"),
           onClick: (t) => {
             t.stopPropagation(), i == null || i();
           },
@@ -66,7 +66,7 @@ const F = "_opened_ntvuh_37", T = "_icon_ntvuh_98", j = "_disabled_ntvuh_115", E
             (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), i == null || i());
           },
           onMouseDown: (t) => t.preventDefault(),
-          children: /* @__PURE__ */ e(y, {})
+          children: /* @__PURE__ */ e(S, {})
         }
       ) })
     ] });

package/dist/index.js

@@ -9,9 +9,9 @@ import { BulkPanel as J } from "./bulkPanel.js";
 import { B as _ } from "./button-97d9e587.js";
 import { C as W } from "./checkbox-493fdc63.js";
 import { Chip as j } from "./chip.js";
-import { D as K } from "./datePicker-cde99de3.js";
+import { D as K } from "./datePicker-76a82d23.js";
 import "react-datepicker";
-import { D as Y } from "./dropdown-7d024c49.js";
+import { D as Y } from "./dropdown-e853293f.js";
 import { FieldLabel as $ } from "./fieldLabel.js";
 import { F as ro } from "./fieldNumber-d1b5a7a1.js";
 import { F as to } from "./fieldText-1749da7a.js";

package/dist/modal.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as r, Fragment as F } from "react/jsx-runtime";
+import { jsx as o, jsxs as c, Fragment as F } from "react/jsx-runtime";
 import { useState as v, useRef as G, useEffect as x, useMemo as K } from "react";
 import { Scrollbars as U } from "rc-scrollbars";
 import { AnimatePresence as Y, motion as X } from "framer-motion";
@@ -7,7 +7,7 @@ import { u as q } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as J } from "./useWindowResize-a7e1ac92.js";
-import { a as Q } from "./dropdown-7d024c49.js";
+import { a as Q } from "./dropdown-e853293f.js";
 import { K as V } from "./keyCodes-f63c0e11.js";
 import { B as A } from "./button-97d9e587.js";
 import { Tooltip as Z } from "./tooltip.js";
@@ -21,6 +21,7 @@ import "./dropdown-0260bb66.js";
 import "./fieldLabel.js";
 import "./adaptiveTagList.js";
 import "./isEmpty-ccacb5ff.js";
+import "./useEllipsisTitle-462fa254.js";
 import "./checkbox-493fdc63.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
@@ -43,9 +44,9 @@ const eo = {
     const m = /* @__PURE__ */ o(A, { adjustWidthOn: l === "small" ? "parent" : "min-width", ...d });
     return u ? /* @__PURE__ */ o(Z, { content: u, placement: "top", width: 270, children: m }) : m;
   };
-  return /* @__PURE__ */ r("div", { className: h("modal-footer", { "with-extra-node": e, [`size-${l}`]: l }), children: [
+  return /* @__PURE__ */ c("div", { className: h("modal-footer", { "with-extra-node": e, [`size-${l}`]: l }), children: [
     e && e,
-    /* @__PURE__ */ r("div", { className: h("buttons-block"), children: [
+    /* @__PURE__ */ c("div", { className: h("buttons-block"), children: [
       p && /* @__PURE__ */ o("div", { className: h("button-container"), children: /* @__PURE__ */ o(
         A,
         {
@@ -64,22 +65,22 @@ const eo = {
   "modal-header-content": "_modal-header-content_w4aaf_14",
   "modal-title": "_modal-title_w4aaf_20",
   "close-modal-icon": "_close-modal-icon_w4aaf_29"
-}, f = w.bind(so), io = ({ title: e, onClose: n, withDescription: a = !1 }) => /* @__PURE__ */ r("div", { className: f("modal-header", { "width-description": a }), children: [
+}, f = w.bind(so), io = ({ title: e, onClose: n, withDescription: a = !1 }) => /* @__PURE__ */ c("div", { className: f("modal-header", { "width-description": a }), children: [
   /* @__PURE__ */ o("div", { className: f("modal-header-content"), children: e && /* @__PURE__ */ o("div", { className: f("modal-title"), children: e }) }),
   /* @__PURE__ */ o(oo, { className: f("close-modal-icon"), onClick: n, children: /* @__PURE__ */ o(to, {}) })
-] }), co = "_modal_35896_1", ro = "_description_35896_43", mo = {
-  modal: co,
+] }), ro = "_modal_35896_1", co = "_description_35896_43", mo = {
+  modal: ro,
   "overlay-default": "_overlay-default_35896_12",
   "overlay-light-cyan": "_overlay-light-cyan_35896_16",
   "scrolling-content": "_scrolling-content_35896_20",
   "modal-window": "_modal-window_35896_26",
-  description: ro,
+  description: co,
   "scrollable-wrapper": "_scrollable-wrapper_35896_54",
   "scrollable-content": "_scrollable-content_35896_58",
   "size-default": "_size-default_35896_62",
   "size-small": "_size-small_35896_74",
   "size-large": "_size-large_35896_86"
-}, c = w.bind(mo), _o = 0.9, po = 32 + 24, uo = 32 + 8, ho = 36 + 16, fo = 32 * 2, Fo = ({
+}, r = w.bind(mo), _o = 0.9, po = 32 + 24, uo = 32 + 8, ho = 36 + 16, fo = 32 * 2, Go = ({
   title: e,
   children: n,
   footerNode: a,
@@ -121,10 +122,10 @@ const eo = {
     }),
     []
   );
-  return q(i, C ? _ : void 0, B), /* @__PURE__ */ o(Y, { onExitComplete: g, children: I && /* @__PURE__ */ o("div", { className: c("modal", { [`overlay-${m}`]: m }), style: { zIndex: D }, children: /* @__PURE__ */ r(
+  return q(i, C ? _ : void 0, B), /* @__PURE__ */ o(Y, { onExitComplete: g, children: I && /* @__PURE__ */ o("div", { className: r("modal", { [`overlay-${m}`]: m }), style: { zIndex: D }, children: /* @__PURE__ */ c(
     X.div,
     {
-      className: c("modal-window", { [`size-${d}`]: d }, u),
+      className: r("modal-window", { [`size-${d}`]: d }, u),
       ref: i,
       tabIndex: 0,
       initial: { opacity: 0, marginTop: -b },
@@ -134,19 +135,19 @@ const eo = {
       onAnimationStart: W,
       children: [
         /* @__PURE__ */ o(io, { title: e, onClose: _, withDescription: !!s }),
-        k ? /* @__PURE__ */ o("div", { className: c("scrollable-wrapper"), children: /* @__PURE__ */ o(
+        k ? /* @__PURE__ */ o("div", { className: r("scrollable-wrapper"), children: /* @__PURE__ */ o(
           U,
           {
             autoHeight: !0,
             autoHeightMax: P(),
             hideTracksWhenNotNeeded: !0,
-            children: /* @__PURE__ */ r("div", { className: c("scrollable-content"), children: [
-              s && /* @__PURE__ */ o("span", { className: c("description"), children: s }),
+            children: /* @__PURE__ */ c("div", { className: r("scrollable-content"), children: [
+              s && /* @__PURE__ */ o("span", { className: r("description"), children: s }),
               /* @__PURE__ */ o(T, { children: n })
             ] })
           }
-        ) }) : /* @__PURE__ */ r(F, { children: [
-          s && /* @__PURE__ */ o("span", { className: c("description"), children: s }),
+        ) }) : /* @__PURE__ */ c(F, { children: [
+          s && /* @__PURE__ */ o("span", { className: r("description"), children: s }),
           /* @__PURE__ */ o(T, { children: n })
         ] }),
         !y && (N ? N(_) : /* @__PURE__ */ o(
@@ -165,7 +166,7 @@ const eo = {
   ) }) });
 };
 export {
-  Fo as Modal,
+  Go as Modal,
   T as ModalContent,
   lo as ModalFooter,
   io as ModalHeader

package/dist/sidePanel.js

@@ -5,7 +5,7 @@ import { K as A } from "./keyCodes-f63c0e11.js";
 import { u as B } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { a as L } from "./dropdown-7d024c49.js";
+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 "react-dom";
@@ -18,6 +18,7 @@ import "./fieldLabel.js";
 import "./adaptiveTagList.js";
 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 = {
   "side-panel-overlay": "_side-panel-overlay_5ebdz_1",
@@ -37,16 +38,16 @@ const M = "_active_5ebdz_11", F = "_compact_5ebdz_62", H = "_header_5ebdz_58", O
   content: W,
   footer: Y,
   divider: q
-}, e = $.bind(w), ve = ({
+}, e = $.bind(w), fe = ({
   className: u,
-  title: r,
+  title: d,
   descriptionComponent: o,
   headerComponent: c,
   contentComponent: n,
   footerComponent: l,
   top: _ = 0,
   side: z = "right",
-  isOpen: d = !0,
+  isOpen: r = !0,
   onClose: t,
   closeButtonAriaLabel: y = "Close panel",
   showOverlay: m = !1,
@@ -64,10 +65,10 @@ const M = "_active_5ebdz_11", F = "_compact_5ebdz_62", H = "_header_5ebdz_58", O
   );
   B(
     f,
-    s && m && d ? t : void 0,
+    s && m && r ? t : void 0,
     E
   ), P(() => {
-    if (!d || !t)
+    if (!r || !t)
       return;
     const b = (x) => {
       const { keyCode: R } = x;
@@ -76,22 +77,22 @@ const M = "_active_5ebdz_11", F = "_compact_5ebdz_62", H = "_header_5ebdz_58", O
     return document.addEventListener("keydown", b, !1), () => {
       document.removeEventListener("keydown", b, !1);
     };
-  }, [d, t, s]);
+  }, [r, t, s]);
   const k = !!(c || o), h = /* @__PURE__ */ a(
     "aside",
     {
       ref: f,
-      className: e("side-panel", `side-${z}`, { active: d }, u),
+      className: e("side-panel", `side-${z}`, { active: r }, u),
       role: "dialog",
       "aria-modal": "true",
-      "aria-hidden": !d,
-      "aria-labelledby": r ? v : void 0,
+      "aria-hidden": !r,
+      "aria-labelledby": d ? v : void 0,
       style: { top: _, height: `calc(100vh - ${_}px)` },
       tabIndex: -1,
       children: [
         /* @__PURE__ */ a("div", { className: e("header-section", { compact: !k }), children: [
-          (c || r) && /* @__PURE__ */ a("div", { className: e("header"), children: [
-            r ? /* @__PURE__ */ i("span", { id: v, className: e("title"), children: r }) : c,
+          (c || d) && /* @__PURE__ */ a("div", { className: e("header"), children: [
+            d ? /* @__PURE__ */ i("span", { id: v, className: e("title"), children: d }) : c,
             t && /* @__PURE__ */ i(
               j,
               {
@@ -118,7 +119,7 @@ const M = "_active_5ebdz_11", F = "_compact_5ebdz_62", H = "_header_5ebdz_58", O
     {
       className: e(
         "side-panel-overlay",
-        { active: d },
+        { active: r },
         p && `overlay-${p}`,
         N
       ),
@@ -127,5 +128,5 @@ const M = "_active_5ebdz_11", F = "_compact_5ebdz_62", H = "_header_5ebdz_58", O
   ) : h;
 };
 export {
-  ve as SidePanel
+  fe as SidePanel
 };