@reportportal/ui-kit 0.0.1-alpha.201 → 0.0.1-alpha.203

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/index.js

@@ -3,7 +3,7 @@ import { A as M, a as h } from "./actionMenu-e78f9615.js";
 import { ACTION_MENU_DIVIDER as w } from "./actionMenu.js";
 import { A as R } from "./index-d6e02727.js";
 import { B as k } from "./baseIconButton-251479f7.js";
-import { B as N } from "./breadcrumbs-80696f49.js";
+import { B as N } from "./breadcrumbs-5730e318.js";
 import { B as z } from "./bubblesLoader-f3ffa240.js";
 import { BulkPanel as H } from "./bulkPanel.js";
 import { B as V } from "./button-7ab874f3.js";
@@ -22,7 +22,7 @@ import { FilterItem as Io } from "./filterItem.js";
 import { IssueList as xo } from "./issueList.js";
 import { Modal as uo } from "./modal.js";
 import { MultipleAutocomplete as Co, SingleAutocomplete as Po } from "./autocompletes.js";
-import { P as go } from "./pagination-60bd45c1.js";
+import { P as go } from "./pagination-53c8a559.js";
 import { Popover as To } from "./popover.js";
 import { R as bo, a as yo } from "./radioGroup-0c132c2e.js";
 import { SegmentedControl as Mo } from "./segmentedControl.js";
@@ -31,7 +31,7 @@ import { S as Lo } from "./spinLoader-c4a53718.js";
 import { SystemAlert as Eo } from "./systemAlert.js";
 import { S as Oo } from "./systemMessage-924fdaa6.js";
 import { DragLayer as Uo, SortableItem as zo, SortableList as Go, TreeSortableContainer as Ho, TreeSortableItem as Jo } from "./sortable.js";
-import { T as _o } from "./table-0ec68481.js";
+import { T as _o } from "./table-1abeb568.js";
 import { T as Xo } from "./themeProvider-46c2be7b.js";
 import { T as qo } from "./toggle-304107fa.js";
 import { Tooltip as Qo } from "./tooltip.js";

package/dist/{pagination-60bd45c1.js → pagination-53c8a559.js}

@@ -147,13 +147,13 @@ const B = {
   tooltip: Q,
   "tooltip-text": "_tooltip-text_y74hy_48",
   "page-number": "_page-number_y74hy_52"
-}, m = _.bind(U), S = 13, w = 260, X = ({
+}, m = _.bind(U), S = 13, O = 260, X = ({
   totalPages: o,
   activePage: n,
   changePage: s,
   captions: r
 }) => {
-  const a = w / o, i = Math.min(Math.ceil(w / S), o), c = Math.max(S, a), e = [];
+  const a = O / o, i = Math.min(Math.ceil(O / S), o), c = Math.max(S, a), e = [];
   for (let l = 1; l <= o; l++)
     e.push({
       end: l * a,
@@ -266,12 +266,12 @@ const B = {
 }, te = {
   "page-controls": "_page-controls_thyf8_1",
   "total-pages": "_total-pages_thyf8_8"
-}, O = _.bind(te), oe = ({
+}, w = _.bind(te), oe = ({
   activePage: o,
   changePage: n,
   captions: s,
   totalPages: r
-}) => /* @__PURE__ */ p("div", { className: O("page-controls"), children: [
+}) => /* @__PURE__ */ p("div", { className: w("page-controls"), children: [
   /* @__PURE__ */ t(
     L,
     {
@@ -292,11 +292,11 @@ const B = {
       captions: { goTo: s.goTo }
     }
   ),
-  /* @__PURE__ */ p("span", { className: O("total-pages"), children: [
+  /* @__PURE__ */ p("span", { className: w("total-pages"), children: [
     `${s.of} `,
     r
   ] })
-] }), se = "_pagination_w2r3n_1", ne = {
+] }), se = "_pagination_ax9ed_1", ne = {
   pagination: se
 }, re = _.bind(ne), ue = ({
   activePage: o,

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { P as t } from "./pagination-60bd45c1.js";
+import { P as t } from "./pagination-53c8a559.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";