@reportportal/ui-kit 0.0.1-alpha.200 → 0.0.1-alpha.202

package/dist/breadcrumbs-5730e318.js

@@ -0,0 +1,193 @@
+import { jsx as e, jsxs as S, Fragment as j } from "react/jsx-runtime";
+import { c as h } from "./bind-06a7ff84.js";
+import { take as E, drop as P } from "es-toolkit";
+import { createContext as O, useContext as H, useRef as R, useState as y, useEffect as W } from "react";
+import { Popover as D } from "./popover.js";
+import { S as F, a as I } from "./tree-c3dd3d45.js";
+import { i as B } from "./isEmpty-ccacb5ff.js";
+const M = O(void 0), A = ({ children: r, LinkComponent: l }) => /* @__PURE__ */ e(M.Provider, { value: { LinkComponent: l }, children: r }), L = () => {
+  const r = H(M);
+  if (r === void 0)
+    throw new Error("useBreadcrumbsContext must be used within a BreadcrumbsProvider");
+  return r;
+}, U = "_breadcrumb_1vipz_1", X = "_link_1vipz_5", q = "_dark_1vipz_34", G = {
+  breadcrumb: U,
+  link: X,
+  "breadcrumb-text": "_breadcrumb-text_1vipz_14",
+  dark: q
+}, v = h.bind(G), J = ({
+  LinkComponent: r,
+  link: l,
+  onClick: t,
+  isClickable: _,
+  breadcrumbContent: n
+}) => _ ? l ? r ? /* @__PURE__ */ e(r, { className: v("link"), to: l, onClick: t, children: n }) : /* @__PURE__ */ e("a", { className: v("link"), href: typeof l == "string" ? l : "#", onClick: t, children: n }) : t ? /* @__PURE__ */ e("button", { type: "button", className: v("link"), onClick: t, children: n }) : n : n, m = ({
+  titleTailNumChars: r = 8,
+  descriptor: { title: l, link: t, onClick: _, className: n },
+  isClickable: k = !0,
+  variant: b = "default"
+}) => {
+  const { LinkComponent: x } = L(), s = R(null), [p, d] = y(null);
+  W(() => {
+    if (s.current) {
+      const { offsetWidth: T, scrollWidth: z, dataset: u } = s.current;
+      if (T < z) {
+        const c = typeof l == "string" ? l : "";
+        u.tail = c.slice(c.length - r), d(c);
+      }
+    }
+  }, [l, r]);
+  const a = /* @__PURE__ */ e("div", { ref: s, className: v("breadcrumb-text", b, n), children: l });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: v("breadcrumb", b),
+      title: p || void 0,
+      "data-testid": "breadcrumb",
+      children: J({ LinkComponent: x, link: t, onClick: _, isClickable: k, breadcrumbContent: a })
+    }
+  );
+}, K = {
+  "hidden-breadcrumbs-trigger": "_hidden-breadcrumbs-trigger_14kki_1",
+  "hidden-breadcrumbs-content": "_hidden-breadcrumbs-content_14kki_8",
+  "hidden-breadcrumb-item": "_hidden-breadcrumb-item_14kki_14",
+  "level-2": "_level-2_14kki_18",
+  "level-3": "_level-3_14kki_31",
+  "level-4": "_level-4_14kki_44",
+  "level-5": "_level-5_14kki_57",
+  "level-6": "_level-6_14kki_70",
+  "level-7": "_level-7_14kki_83",
+  "level-8": "_level-8_14kki_96",
+  "level-9": "_level-9_14kki_109",
+  "level-10": "_level-10_14kki_122",
+  "level-11": "_level-11_14kki_135",
+  "level-12": "_level-12_14kki_148",
+  "level-13": "_level-13_14kki_161",
+  "level-14": "_level-14_14kki_174",
+  "level-15": "_level-15_14kki_187",
+  "level-16": "_level-16_14kki_200",
+  "level-17": "_level-17_14kki_213",
+  "level-18": "_level-18_14kki_226",
+  "level-19": "_level-19_14kki_239",
+  "level-20": "_level-20_14kki_252",
+  "level-21": "_level-21_14kki_265",
+  "level-22": "_level-22_14kki_278",
+  "level-23": "_level-23_14kki_291",
+  "level-24": "_level-24_14kki_304",
+  "level-25": "_level-25_14kki_317"
+}, C = h.bind(K), Q = ({ descriptors: r }) => /* @__PURE__ */ e("div", { className: C("hidden-breadcrumbs-content"), "data-testid": "hidden-breadcrumbs-content", children: r.map((l, t) => /* @__PURE__ */ e("div", { className: C("hidden-breadcrumb-item", `level-${t + 1}`), children: /* @__PURE__ */ e(m, { descriptor: l }) }, t)) }), V = ({ descriptors: r }) => /* @__PURE__ */ e(
+  D,
+  {
+    content: /* @__PURE__ */ e(Q, { descriptors: r }),
+    placement: "bottom-start",
+    children: /* @__PURE__ */ e("div", { className: C("hidden-breadcrumbs-trigger"), "data-testid": "hidden-breadcrumbs-trigger", children: /* @__PURE__ */ e(F, {}) })
+  }
+), Y = "_opened_zxn5r_1", Z = {
+  "tree-button": "_tree-button_zxn5r_1",
+  opened: Y,
+  "tree-menu-node": "_tree-menu-node_zxn5r_8",
+  "tree-menu-children": "_tree-menu-children_zxn5r_9",
+  "tree-menu-item": "_tree-menu-item_zxn5r_15",
+  "level-2": "_level-2_zxn5r_19",
+  "level-3": "_level-3_zxn5r_32",
+  "level-4": "_level-4_zxn5r_45",
+  "level-5": "_level-5_zxn5r_58",
+  "level-6": "_level-6_zxn5r_71",
+  "level-7": "_level-7_zxn5r_84",
+  "level-8": "_level-8_zxn5r_97",
+  "level-9": "_level-9_zxn5r_110",
+  "level-10": "_level-10_zxn5r_123",
+  "level-11": "_level-11_zxn5r_136",
+  "level-12": "_level-12_zxn5r_149",
+  "level-13": "_level-13_zxn5r_162",
+  "level-14": "_level-14_zxn5r_175",
+  "level-15": "_level-15_zxn5r_188",
+  "level-16": "_level-16_zxn5r_201",
+  "level-17": "_level-17_zxn5r_214",
+  "level-18": "_level-18_zxn5r_227",
+  "level-19": "_level-19_zxn5r_240",
+  "level-20": "_level-20_zxn5r_253",
+  "level-21": "_level-21_zxn5r_266",
+  "level-22": "_level-22_zxn5r_279",
+  "level-23": "_level-23_zxn5r_292",
+  "level-24": "_level-24_zxn5r_305",
+  "level-25": "_level-25_zxn5r_318"
+}, o = h.bind(Z), ee = ({ descriptor: r, level: l }) => /* @__PURE__ */ e("div", { className: o("tree-menu-item", `level-${l}`), children: /* @__PURE__ */ e(m, { descriptor: r, variant: "dark" }) }), $ = (r, l) => r.map((t, _) => /* @__PURE__ */ S("div", { className: o("tree-menu-node"), children: [
+  /* @__PURE__ */ e(ee, { descriptor: t, level: l }),
+  t.children && t.children.length > 0 && /* @__PURE__ */ e("div", { className: o("tree-menu-children"), children: $(t.children, l + 1) })
+] }, _)), le = ({ tree: r }) => {
+  const [l, t] = y(!1);
+  return /* @__PURE__ */ e(
+    D,
+    {
+      content: /* @__PURE__ */ e("div", { className: o("tree-menu"), children: $(r, 1) }),
+      placement: "bottom-start",
+      isOpened: l,
+      setIsOpened: t,
+      children: /* @__PURE__ */ e("div", { className: o("tree-button", { opened: l }), children: /* @__PURE__ */ e(I, {}) })
+    }
+  );
+}, re = "_breadcrumbs_1cb9j_1", te = {
+  "breadcrumbs-container": "_breadcrumbs-container_1cb9j_1",
+  breadcrumbs: re,
+  "breadcrumb-item": "_breadcrumb-item_1cb9j_15",
+  "hidden-breadcrumbs": "_hidden-breadcrumbs_1cb9j_23",
+  "back-button": "_back-button_1cb9j_43"
+}, i = h.bind(te), ne = 5, me = ({
+  descriptors: r = [],
+  dataAutomationId: l,
+  LinkComponent: t,
+  tree: _,
+  isBackButton: n = !1,
+  isLastClickable: k = !1,
+  isSingleItemClickable: b = !1,
+  maxShownDescriptors: x = ne,
+  titleTailNumChars: s,
+  className: p
+}) => {
+  const [d, ...a] = r, z = Math.max(1, Math.floor(x)) - 1, u = Math.max(0, a.length - z), c = ((N) => ({
+    1: 55,
+    2: 24,
+    3: 18,
+    4: 13
+  })[N] ?? 12)(r.length), w = E(a, u), f = P(a, u);
+  return /* @__PURE__ */ e(A, { LinkComponent: t, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: i("breadcrumbs-container", p),
+      "data-automation-id": l,
+      "data-testid": l,
+      children: n && d ? /* @__PURE__ */ e("div", { className: i("breadcrumbs"), children: /* @__PURE__ */ e("div", { className: i("breadcrumb-item", "back-button"), "data-testid": "back-breadcrumb", children: /* @__PURE__ */ e(
+        m,
+        {
+          descriptor: d,
+          titleTailNumChars: s ?? c
+        }
+      ) }) }) : /* @__PURE__ */ S(j, { children: [
+        _ && /* @__PURE__ */ e("div", { className: i("tree"), children: /* @__PURE__ */ e(le, { tree: _ }) }),
+        /* @__PURE__ */ S("div", { className: i("breadcrumbs"), children: [
+          d && /* @__PURE__ */ e("div", { className: i("breadcrumb-item"), children: /* @__PURE__ */ e(
+            m,
+            {
+              descriptor: d,
+              titleTailNumChars: s ?? c,
+              isClickable: b || !B(a)
+            }
+          ) }),
+          !B(w) && /* @__PURE__ */ e("div", { className: i("breadcrumb-item", "hidden-breadcrumbs"), children: /* @__PURE__ */ e(V, { descriptors: w }) }),
+          !B(f) && f.map((N, g) => /* @__PURE__ */ e("div", { className: i("breadcrumb-item"), children: /* @__PURE__ */ e(
+            m,
+            {
+              descriptor: N,
+              titleTailNumChars: s ?? c,
+              isClickable: k || g !== f.length - 1
+            }
+          ) }, g))
+        ] })
+      ] })
+    }
+  ) });
+};
+export {
+  me as B
+};

package/dist/breadcrumbs.js

@@ -1,4 +1,4 @@
-import { B as m } from "./breadcrumbs-80696f49.js";
+import { B as m } from "./breadcrumbs-5730e318.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "es-toolkit";

package/dist/components/breadcrumbs/types.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
 
 export interface BreadcrumbDescriptor {
+    className?: string;
     title: string | ReactNode;
     link?: object | string;
     onClick?: () => void;
 }
 export interface TreeDescriptor extends BreadcrumbDescriptor {
-    link: object | string;
     children?: TreeDescriptor[];
 }
 export type LinkComponentType = React.ComponentType<{

package/dist/components/icons/index.d.ts

@@ -4,6 +4,7 @@ export { default as AddJarIcon } from './svg/addJar.svg';
 export { default as ArrowDownIcon } from './svg/arrowDown.svg';
 export { default as ArrowUpIcon } from './svg/arrowUp.svg';
 export { default as BreadcrumbsTreeIcon } from './svg/breadcrumbsTree.svg';
+export { default as BoltIcon } from './svg/bolt.svg';
 export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
 export { default as CalendarIcon } from './svg/calendar.svg';
 export { default as CheckmarkIcon } from './svg/checkmark.svg';
@@ -15,9 +16,11 @@ export { default as CloseIcon } from './svg/close.svg';
 export { default as ConfigurationIcon } from './svg/configuration.svg';
 export { default as CopyIcon } from './svg/copy.svg';
 export { default as CoveredManuallyIcon } from './svg/coveredManually.svg';
+export { default as CycleArrowsIcon } from './svg/cycleArrows.svg';
 export { default as CsvIcon } from './svg/csv.svg';
 export { default as DeleteIcon } from './svg/delete.svg';
 export { default as DetailsIcon } from './svg/details.svg';
+export { default as DiamondIcon } from './svg/diamond.svg';
 export { default as DragAndDropIcon } from './svg/dragAndDrop.svg';
 export { default as DragNDropIcon } from './svg/dragNDrop.svg';
 export { default as DropdownIcon } from './svg/dropdown.svg';
@@ -56,6 +59,7 @@ export { default as PriorityUnspecifiedIcon } from './svg/priorityUnspecified.sv
 export { default as RefreshIcon } from './svg/refresh.svg';
 export { default as ResizeColumnIcon } from './svg/resizeColumn.svg';
 export { default as RerunIcon } from './svg/rerun.svg';
+export { default as RocketIcon } from './svg/rocket.svg';
 export { default as SearchIcon } from './svg/search.svg';
 export { default as SortIcon } from './svg/sort.svg';
 export { default as StatusSuccessIcon } from './svg/statusSuccess.svg';