@reportportal/ui-kit 0.0.1-alpha.255 → 0.0.1-alpha.257

package/dist/bulkPanel.js

@@ -14,6 +14,7 @@ import { Tooltip as te } from "./tooltip.js";
 import { S as ie } from "./chevronDownDropdown-0260bb66.js";
 import { S as se } from "./warning-537ead32.js";
 import "./close-4d480ef7.js";
+import "./useEllipsisTitle-462fa254.js";
 import "@floating-ui/react";
 import "./floatingUi-46f5b896.js";
 const ae = "_expanded_ue1t9_6", oe = "_header_ue1t9_32", ce = "_tabs_ue1t9_119", re = "_tab_ue1t9_119", de = "_active_ue1t9_146", me = "_item_ue1t9_99", pe = {
@@ -54,7 +55,7 @@ const ae = "_expanded_ue1t9_6", oe = "_header_ue1t9_32", ce = "_tabs_ue1t9_119",
 }, u = {
   ELIGIBLE: "eligible",
   INELIGIBLE: "ineligible"
-}, Ge = ({
+}, Pe = ({
   items: t,
   actions: $ = [],
   captions: D,
@@ -221,5 +222,5 @@ const ae = "_expanded_ue1t9_6", oe = "_header_ue1t9_32", ce = "_tabs_ue1t9_119",
   return o && f ? J(y, f) : y;
 };
 export {
-  Ge as BulkPanel
+  Pe as BulkPanel
 };

package/dist/chip.js

@@ -1,72 +1,87 @@
-import { jsxs as k, Fragment as w, jsx as n } from "react/jsx-runtime";
-import { c as N } from "./bind-06a7ff84.js";
+import { jsxs as D, Fragment as w, jsx as s } from "react/jsx-runtime";
+import { c as j } from "./bind-06a7ff84.js";
 import "react";
-import { S as x } from "./close-4d480ef7.js";
-const D = "_chip_a59ru_16", j = "_clickable_a59ru_34", K = "_disabled_a59ru_40", S = "_label_a59ru_51", v = "_error_a59ru_82", E = "_warning_a59ru_87", F = "_link_a59ru_91", I = {
-  chip: D,
-  clickable: j,
-  disabled: K,
-  label: S,
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { u as E } from "./useEllipsisTitle-462fa254.js";
+import { S as K } from "./close-4d480ef7.js";
+const S = "_chip_a59ru_16", T = "_clickable_a59ru_34", v = "_disabled_a59ru_40", F = "_label_a59ru_51", I = "_error_a59ru_82", P = "_warning_a59ru_87", q = "_link_a59ru_91", z = {
+  chip: S,
+  clickable: T,
+  disabled: v,
+  label: F,
   "remove-button": "_remove-button_a59ru_57",
-  error: v,
-  warning: E,
-  link: F
-}, c = N.bind(I), A = ({
-  children: u,
-  variant: b = "default",
-  link: s,
+  error: I,
+  warning: P,
+  link: q
+}, n = j.bind(z), Q = ({
+  children: b,
+  variant: f = "default",
+  link: l,
   onClick: t,
-  onRemove: e,
-  className: p,
-  maxWidth: l,
-  title: f,
-  disabled: a = !1
+  onRemove: a,
+  className: m,
+  maxWidth: c,
+  title: o,
+  showTitleOnOverflow: i = !1,
+  disabled: e = !1
 }) => {
-  const o = !!t && !a, h = o ? "button" : void 0, m = o ? 0 : void 0, i = c("chip", b, p, {
-    disabled: a,
-    clickable: !!t || !!s,
-    removable: !!e
-  }), d = (r) => {
-    r.stopPropagation(), r.preventDefault(), e == null || e(r);
-  }, g = (r) => {
-    a || t == null || t(r);
-  }, y = (r) => {
-    a || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
-  }, _ = /* @__PURE__ */ k(w, { children: [
-    /* @__PURE__ */ n("span", { className: c("label"), style: l ? { maxWidth: l } : void 0, title: f, children: u }),
-    e && !a && /* @__PURE__ */ n(
+  const { ref: h, title: d } = E(
+    i ? o : void 0
+  ), _ = !!t && !e, g = _ ? "button" : void 0, y = _ ? 0 : void 0, u = n("chip", f, m, {
+    disabled: e,
+    clickable: !!t || !!l,
+    removable: !!a
+  }), k = (r) => {
+    r.stopPropagation(), r.preventDefault(), a == null || a(r);
+  }, N = (r) => {
+    e || t == null || t(r);
+  }, x = (r) => {
+    e || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
+  }, p = /* @__PURE__ */ D(w, { children: [
+    /* @__PURE__ */ s(
+      "span",
+      {
+        ref: h,
+        className: n("label"),
+        style: c ? { maxWidth: c } : void 0,
+        title: i ? d : o,
+        children: b
+      }
+    ),
+    a && !e && /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        className: c("remove-button"),
-        onClick: d,
+        className: n("remove-button"),
+        onClick: k,
         "aria-label": "Remove",
-        children: /* @__PURE__ */ n(x, {})
+        children: /* @__PURE__ */ s(K, {})
       }
     )
   ] });
-  return s && !a ? /* @__PURE__ */ n(
+  return l && !e ? /* @__PURE__ */ s(
     "a",
     {
-      href: s,
-      className: i,
+      href: l,
+      className: u,
       onClick: t,
       target: "_blank",
       rel: "noopener noreferrer",
-      children: _
+      children: p
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ s(
     "span",
     {
-      className: i,
-      onClick: g,
-      onKeyDown: y,
-      role: h,
-      tabIndex: m,
-      children: _
+      className: u,
+      onClick: N,
+      onKeyDown: x,
+      role: g,
+      tabIndex: y,
+      children: p
     }
   );
 };
 export {
-  A as Chip
+  Q as Chip
 };

package/dist/components/chip/chip.d.ts

@@ -10,6 +10,7 @@ export interface ChipProps {
     className?: string;
     maxWidth?: number;
     title?: string;
+    showTitleOnOverflow?: boolean;
     disabled?: boolean;
 }
-export declare const Chip: ({ children, variant, link, onClick, onRemove, className, maxWidth, title, disabled, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chip: ({ children, variant, link, onClick, onRemove, className, maxWidth, title, showTitleOnOverflow, disabled, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -32,7 +32,7 @@ import { S as Oo } from "./spinLoader-c4a53718.js";
 import { SystemAlert as Uo } from "./systemAlert.js";
 import { S as Ho } from "./systemMessage-924fdaa6.js";
 import { DragLayer as Go, SortableItem as Jo, SortableList as Vo, TreeSortableContainer as Wo, TreeSortableItem as Xo } from "./sortable.js";
-import { T as qo } from "./table-fc873b61.js";
+import { T as qo } from "./table-8e741031.js";
 import { T as Qo } from "./themeProvider-46c2be7b.js";
 import { T as Zo } from "./toggle-304107fa.js";
 import { Tooltip as or } from "./tooltip.js";

package/dist/issueList.js

@@ -4,6 +4,9 @@ import { c as q } from "./bind-06a7ff84.js";
 import { Chip as F } from "./chip.js";
 import { Tooltip as B } from "./tooltip.js";
 import { i as J } from "./isEmpty-ccacb5ff.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "./useEllipsisTitle-462fa254.js";
 import "./close-4d480ef7.js";
 import "react-dom";
 import "@floating-ui/react";
@@ -17,10 +20,10 @@ const K = 100, R = 8, Q = 32, X = 60, Z = 360, $ = "_expanded_ypfdt_25", C = "_i
   "tooltip-wrapper": "_tooltip-wrapper_ypfdt_50",
   hidden: et,
   ellipsis: nt
-}, a = q.bind(rt), ht = ({
+}, a = q.bind(rt), yt = ({
   issues: n,
   isExpanded: W = !1,
-  onIssueClick: i,
+  onIssueClick: s,
   onIssueRemove: T,
   onCounterClick: d,
   renderTooltip: L,
@@ -30,23 +33,23 @@ const K = 100, R = 8, Q = 32, X = 60, Z = 360, $ = "_expanded_ypfdt_25", C = "_i
   const p = v(null), x = v(null), O = v(/* @__PURE__ */ new Map()), D = v(/* @__PURE__ */ new Map()), [M, c] = E(n.length), [o, k] = E(W), [w, l] = E(!1), z = N((t, r) => {
     r && O.current.set(t, r);
   }, []), f = N(() => {
-    var _;
+    var m;
     const t = p.current;
     if (!t || n.length === 0)
       return;
-    const r = t.offsetWidth, u = ((_ = x.current) == null ? void 0 : _.offsetWidth) || Q, h = n.map((e, m) => {
+    const r = t.offsetWidth, u = ((m = x.current) == null ? void 0 : m.offsetWidth) || Q, h = n.map((e, _) => {
       const g = O.current.get(e.key);
       if (!g)
         return 0;
-      const s = g.offsetWidth;
-      return m === 0 && w ? D.current.get(e.key) || s : (D.current.set(e.key, s), s);
+      const i = g.offsetWidth;
+      return _ === 0 && w ? D.current.get(e.key) || i : (D.current.set(e.key, i), i);
     });
-    if (h.reduce((e, m) => e + m, 0) + (n.length - 1) * R <= r) {
+    if (h.reduce((e, _) => e + _, 0) + (n.length - 1) * R <= r) {
       l(!1), c(n.length);
       return;
     }
     for (let e = n.length - 1; e >= 1; e--) {
-      if (h.slice(0, e).reduce((s, Y) => s + Y, 0) + e * R + u <= r) {
+      if (h.slice(0, e).reduce((i, Y) => i + Y, 0) + e * R + u <= r) {
         c(e), l(!1);
         return;
       }
@@ -75,9 +78,9 @@ const K = 100, R = 8, Q = 32, X = 60, Z = 360, $ = "_expanded_ypfdt_25", C = "_i
     k(!0), c(n.length), l(!1), d == null || d();
   }, [n.length, d]), P = N(
     (t) => {
-      i == null || i(t);
+      s == null || s(t);
     },
-    [i]
+    [s]
   );
   if (J(n))
     return null;
@@ -87,11 +90,11 @@ const K = 100, R = 8, Q = 32, X = 60, Z = 360, $ = "_expanded_ypfdt_25", C = "_i
       {
         variant: "link",
         link: t.link,
-        onClick: i ? () => P(t) : void 0,
+        onClick: s ? () => P(t) : void 0,
         onRemove: T ? () => T(t) : void 0,
         children: t.name
       }
-    ), _ = L ? /* @__PURE__ */ y(
+    ), m = L ? /* @__PURE__ */ y(
       B,
       {
         content: L(t),
@@ -107,7 +110,7 @@ const K = 100, R = 8, Q = 32, X = 60, Z = 360, $ = "_expanded_ypfdt_25", C = "_i
       {
         ref: (e) => z(t.key, e),
         className: a("issue", { hidden: u, ellipsis: h }),
-        children: _
+        children: m
       },
       t.key
     );
@@ -121,5 +124,5 @@ const K = 100, R = 8, Q = 32, X = 60, Z = 360, $ = "_expanded_ypfdt_25", C = "_i
   ] });
 };
 export {
-  ht as IssueList
+  yt as IssueList
 };