@reportportal/ui-kit 0.0.1-alpha.159 → 0.0.1-alpha.160

package/dist/{table-09b572b3.js → table-0adbac16.js}

@@ -2,12 +2,13 @@ import { jsx as h, jsxs as F, Fragment as zt } from "react/jsx-runtime";
 import { useMemo as de, useState as B, useCallback as x, useEffect as P, useRef as H, useLayoutEffect as et, forwardRef as xt } from "react";
 import { Resizable as At } from "react-resizable";
 import { c as me } from "./bind-06a7ff84.js";
-import { c as $t, b as Ye, a as Je, S as Mt } from "./resizeColumn-d4107941.js";
+import { b as $t, a as Ye, S as Mt } from "./resizeColumn-46b5b30f.js";
+import { S as Je } from "./chevronDownDropdown-0260bb66.js";
 import { C as ie } from "./checkbox-493fdc63.js";
 import { Tooltip as Ht } from "./tooltip.js";
 import { createPortal as Wt } from "react-dom";
 import { i as Pt } from "./isEmpty-ccacb5ff.js";
-const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_1rtld_67", St = "_selectable_1rtld_84", Ft = "_expanded_1rtld_80", qt = "_label_1rtld_353", Ut = {
+const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", St = "_resizable_1rtld_67", Gt = "_selectable_1rtld_84", Ft = "_expanded_1rtld_80", qt = "_label_1rtld_353", Ut = {
   table: Bt,
   "fixed-header": "_fixed-header_1rtld_10",
   "external-scroll-container": "_external-scroll-container_1rtld_14",
@@ -16,11 +17,11 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
   "sticky-header": "_sticky-header_1rtld_34",
   "pinned-header": "_pinned-header_1rtld_44",
   "horizontally-scrollable": "_horizontally-scrollable_1rtld_21",
-  resizable: Gt,
+  resizable: St,
   "resizable-column": "_resizable-column_1rtld_67",
   "table-row": "_table-row_1rtld_75",
   "expanded-cell": "_expanded-cell_1rtld_80",
-  selectable: St,
+  selectable: Gt,
   "row-content-wrapper": "_row-content-wrapper_1rtld_88",
   "pinned-column": "_pinned-column_1rtld_96",
   "has-scroll": "_has-scroll_1rtld_96",
@@ -260,7 +261,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
   );
   let k;
   i && o && _ ? k = _.top - n.top + c : k = c;
-  const z = n.top + k, G = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, N = v - z - G, q = t.scrollHeight > t.clientHeight ? t.offsetWidth - t.clientWidth : 0, j = n.right - we - q;
+  const z = n.top + k, S = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, N = v - z - S, q = t.scrollHeight > t.clientHeight ? t.offsetWidth - t.clientWidth : 0, j = n.right - we - q;
   return {
     visible: !0,
     position: {
@@ -328,12 +329,12 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
       position: { top: 0, left: 0 },
       size: { width: 0, height: 0 }
     };
-  const k = v.getBoundingClientRect(), z = t.getBoundingClientRect(), E = (o == null ? void 0 : o.offsetHeight) || 0, G = i == null ? void 0 : i.getBoundingClientRect(), N = k.right, M = Math.min(
+  const k = v.getBoundingClientRect(), z = t.getBoundingClientRect(), E = (o == null ? void 0 : o.offsetHeight) || 0, S = i == null ? void 0 : i.getBoundingClientRect(), N = k.right, M = Math.min(
     z.bottom,
-    (G == null ? void 0 : G.bottom) || Number.MAX_SAFE_INTEGER
+    (S == null ? void 0 : S.bottom) || Number.MAX_SAFE_INTEGER
   );
   let q;
-  d && i && G ? q = G.top - z.top + E : q = E;
+  d && i && S ? q = S.top - z.top + E : q = E;
   const j = z.top + q, Y = t.scrollWidth > t.clientWidth ? t.offsetHeight - t.clientHeight : 0, O = M - j - Y;
   return {
     visible: !0,
@@ -434,7 +435,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
       i(u > d);
     }
   }, [t.header]), /* @__PURE__ */ h("span", { ref: l, title: o ? t.header : void 0, children: t.header });
-}, _n = ({
+}, gn = ({
   data: t,
   primaryColumn: l,
   fixedColumns: o,
@@ -451,7 +452,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
   sortableColumns: k,
   isHeaderFixed: z = !1,
   isHorizontallyScrollable: E = !1,
-  pinnedColumnKeys: G = [],
+  pinnedColumnKeys: S = [],
   isRowsExpandable: N = !1,
   expandedRowIds: M = [],
   isAllExpandedByDefault: q,
@@ -481,10 +482,10 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
   const ee = de(
     () => Array.isArray(l) ? l : [l],
     [l]
-  ), S = v ?? ee[0], te = k ?? jt([...ee, ...o]), { pinnedColumns: U, scrollableColumns: ne } = Rt({
+  ), G = v ?? ee[0], te = k ?? jt([...ee, ...o]), { pinnedColumns: U, scrollableColumns: ne } = Rt({
     primaryColumns: ee,
     fixedColumns: o,
-    pinnedColumnKeys: G
+    pinnedColumnKeys: S
   }), {
     hoveredColumn: Ee,
     hoveredRow: Te,
@@ -531,7 +532,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
       return;
     const g = window.getComputedStyle(r), w = parseFloat(g.paddingTop) || 0, m = parseFloat(g.paddingBottom) || 0, W = e.offsetHeight + w + m;
     e.style.setProperty("--expand-cell-top", `${w}px`), e.style.setProperty("--expand-cell-height", `${W}px`);
-  }, []), [He, pe] = B(0), [We, ue] = B(0), [Pe, fe] = B(0), [Be, Ge] = B(0), oe = H(!1), _e = H(/* @__PURE__ */ new Set()), K = H(null), ge = Qt(
+  }, []), [He, pe] = B(0), [We, ue] = B(0), [Pe, fe] = B(0), [Be, Se] = B(0), oe = H(!1), _e = H(/* @__PURE__ */ new Set()), K = H(null), ge = Qt(
     T.current,
     D.current,
     (y == null ? void 0 : y.current) instanceof HTMLElement ? y.current : null,
@@ -549,7 +550,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
     We,
     Pe,
     Be
-  ), Se = (e) => {
+  ), Ge = (e) => {
     te.includes(e) && st({ key: e, direction: _ });
   }, Fe = (e) => {
     ot(e);
@@ -557,7 +558,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
     ct();
   }, wt = () => {
     it();
-  }, Ue = (e) => te.includes(e) ? (S == null ? void 0 : S.key) === e ? Xt(_) ? /* @__PURE__ */ h(Je, {}) : /* @__PURE__ */ h(Mt, {}) : /* @__PURE__ */ h(Je, {}) : null, De = t.every((e) => c.includes(e.id)), Xe = t.some((e) => c.includes(e.id)), be = (c == null ? void 0 : c.length) > 0, mt = !Pt(t), je = J && mt || be, kt = t.every((e) => M.includes(e.id)), Et = q !== void 0 ? q : kt, Tt = Ze(
+  }, Ue = (e) => te.includes(e) ? (G == null ? void 0 : G.key) === e ? Xt(_) ? /* @__PURE__ */ h(Ye, {}) : /* @__PURE__ */ h(Mt, {}) : /* @__PURE__ */ h(Ye, {}) : null, De = t.every((e) => c.includes(e.id)), Xe = t.some((e) => c.includes(e.id)), be = (c == null ? void 0 : c.length) > 0, mt = !Pt(t), je = J && mt || be, kt = t.every((e) => M.includes(e.id)), Et = q !== void 0 ? q : kt, Tt = Ze(
     U,
     ne,
     N,
@@ -577,7 +578,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
     $ ? re : void 0,
     $,
     L
-  ), Ie = /* @__PURE__ */ h("button", { onClick: wt, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ h("span", { className: f("expand-icon", { expanded: Et }), children: /* @__PURE__ */ h(Ye, {}) }) });
+  ), Ie = /* @__PURE__ */ h("button", { onClick: wt, "aria-label": "Toggle all rows expansion", children: /* @__PURE__ */ h("span", { className: f("expand-icon", { expanded: Et }), children: /* @__PURE__ */ h(Je, {}) }) });
   P(() => {
     if (!(y != null && y.current) || !T.current || !D.current)
       return;
@@ -640,7 +641,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
       passive: !0
     });
     const W = () => {
-      r(), Ge((X) => X + 1);
+      r(), Se((X) => X + 1);
     };
     window.addEventListener("resize", W), K.current = r, r();
     const R = new ResizeObserver(() => {
@@ -683,7 +684,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
           `[data-base-left="0"][data-row-id="${m}"]`
         );
         A && se(A);
-      }), Ge((m) => m + 1);
+      }), Se((m) => m + 1);
     }, 0);
     return _e.current = s, () => clearTimeout(w);
   }, [N, M, se]), P(() => {
@@ -838,12 +839,12 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
                       "div",
                       {
                         className: f("label"),
-                        onClick: () => Se(e.key),
+                        onClick: () => Ge(e.key),
                         onMouseEnter: () => Le(e.key),
                         onMouseLeave: Ne,
                         children: [
                           /* @__PURE__ */ h(Oe, { column: e }),
-                          (Ee === e.key || (S == null ? void 0 : S.key) === e.key) && Ue(e.key)
+                          (Ee === e.key || (G == null ? void 0 : G.key) === e.key) && Ue(e.key)
                         ]
                       }
                     )
@@ -876,12 +877,12 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
                       "div",
                       {
                         className: f("label"),
-                        onClick: () => Se(e.key),
+                        onClick: () => Ge(e.key),
                         onMouseEnter: () => Le(e.key),
                         onMouseLeave: Ne,
                         children: [
                           /* @__PURE__ */ h(Oe, { column: e }),
-                          (Ee === e.key || (S == null ? void 0 : S.key) === e.key) && Ue(e.key)
+                          (Ee === e.key || (G == null ? void 0 : G.key) === e.key) && Ue(e.key)
                         ]
                       }
                     )
@@ -952,7 +953,7 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
                                 className: f("expand-icon", {
                                   expanded: M.includes(e.id)
                                 }),
-                                children: /* @__PURE__ */ h(Ye, {})
+                                children: /* @__PURE__ */ h(Je, {})
                               }
                             )
                           }
@@ -1054,5 +1055,5 @@ const tt = (t) => typeof t == "string", Bt = "_table_1rtld_1", Gt = "_resizable_
   ] }) : Re();
 };
 export {
-  _n as T
+  gn as T
 };

package/dist/table.js

@@ -1,9 +1,10 @@
-import { T as r } from "./table-09b572b3.js";
+import { T as r } from "./table-0adbac16.js";
 import "react/jsx-runtime";
 import "react";
 import "react-resizable";
 import "./bind-06a7ff84.js";
-import "./resizeColumn-d4107941.js";
+import "./resizeColumn-46b5b30f.js";
+import "./chevronDownDropdown-0260bb66.js";
 import "./checkbox-493fdc63.js";
 import "./keyCodes-f63c0e11.js";
 import "./tooltip.js";

package/dist/useOnClickOutside-8f7d68a1.js

@@ -0,0 +1,25 @@
+import { useRef as m, useEffect as d } from "react";
+function p(e, t, n) {
+  const s = m(n);
+  d(() => {
+    s.current = n;
+  }, [n]), d(() => {
+    if (!t)
+      return;
+    const c = (o) => {
+      var u, i;
+      if (e && e.current && !e.current.contains(o.target)) {
+        const r = o.target;
+        ((i = (u = s.current) == null ? void 0 : u.ignoreSelectors) == null ? void 0 : i.some(
+          (f) => r == null ? void 0 : r.closest(f)
+        )) || t(o);
+      }
+    };
+    return document.addEventListener("pointerdown", c), () => {
+      document.removeEventListener("pointerdown", c);
+    };
+  }, [e, t]);
+}
+export {
+  p as u
+};

package/package.json

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