@reportportal/ui-kit 0.0.1-alpha.180 → 0.0.1-alpha.181

package/dist/breadcrumbs-1c9f0a3f.js

@@ -0,0 +1,184 @@
+import { jsx as e, jsxs as C, Fragment as D } from "react/jsx-runtime";
+import { c as p } from "./bind-06a7ff84.js";
+import { take as M, drop as E } from "es-toolkit";
+import { createContext as P, useContext as O, useRef as H, useState as T, useEffect as R } from "react";
+import { Popover as $ } from "./popover.js";
+import { S as W } from "./meatballMenu-535635a9.js";
+import { S as j } from "./tree-e7a0ef42.js";
+import { i as g } from "./isEmpty-ccacb5ff.js";
+const w = P(void 0), F = ({ children: l, LinkComponent: r }) => /* @__PURE__ */ e(w.Provider, { value: { LinkComponent: r }, children: l }), I = () => {
+  const l = O(w);
+  if (l === void 0)
+    throw new Error("useBreadcrumbsContext must be used within a BreadcrumbsProvider");
+  return l;
+}, L = "_breadcrumb_1cva8_1", A = "_link_1cva8_5", U = "_dark_1cva8_30", X = {
+  breadcrumb: L,
+  link: A,
+  "breadcrumb-text": "_breadcrumb-text_1cva8_10",
+  dark: U
+}, b = p.bind(X), v = ({
+  titleTailNumChars: l = 8,
+  descriptor: { title: r, link: t, onClick: n },
+  isClickable: z = !0,
+  variant: u = "default"
+}) => {
+  const { LinkComponent: h } = I(), _ = H(null), [c, S] = T(null);
+  R(() => {
+    if (_.current) {
+      const { offsetWidth: k, scrollWidth: f, dataset: m } = _.current;
+      if (k < f) {
+        const a = typeof r == "string" ? r : "";
+        m.tail = a.slice(a.length - l), S(a);
+      }
+    }
+  }, [r, l]);
+  const d = /* @__PURE__ */ e("div", { ref: _, className: b("breadcrumb-text", u), children: r });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: b("breadcrumb", u),
+      title: c || void 0,
+      "data-testid": "breadcrumb",
+      children: z ? h && t ? /* @__PURE__ */ e(h, { className: b("link"), to: t, onClick: n, children: d }) : t ? /* @__PURE__ */ e("a", { className: b("link"), href: typeof t == "string" ? t : "#", onClick: n, children: d }) : /* @__PURE__ */ e("button", { type: "button", className: b("link"), onClick: n, children: d }) : d
+    }
+  );
+}, q = {
+  "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"
+}, B = p.bind(q), G = ({ descriptors: l }) => /* @__PURE__ */ e("div", { className: B("hidden-breadcrumbs-content"), "data-testid": "hidden-breadcrumbs-content", children: l.map((r, t) => /* @__PURE__ */ e("div", { className: B("hidden-breadcrumb-item", `level-${t + 1}`), children: /* @__PURE__ */ e(v, { descriptor: r }) }, t)) }), J = ({ descriptors: l }) => /* @__PURE__ */ e(
+  $,
+  {
+    content: /* @__PURE__ */ e(G, { descriptors: l }),
+    placement: "bottom-start",
+    children: /* @__PURE__ */ e("div", { className: B("hidden-breadcrumbs-trigger"), "data-testid": "hidden-breadcrumbs-trigger", children: /* @__PURE__ */ e(W, {}) })
+  }
+), K = "_opened_zxn5r_1", Q = {
+  "tree-button": "_tree-button_zxn5r_1",
+  opened: K,
+  "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 = p.bind(Q), V = ({ descriptor: l, level: r }) => /* @__PURE__ */ e("div", { className: o("tree-menu-item", `level-${r}`), children: /* @__PURE__ */ e(v, { descriptor: l, variant: "dark" }) }), y = (l, r) => l.map((t, n) => /* @__PURE__ */ C("div", { className: o("tree-menu-node"), children: [
+  /* @__PURE__ */ e(V, { descriptor: t, level: r }),
+  t.children && t.children.length > 0 && /* @__PURE__ */ e("div", { className: o("tree-menu-children"), children: y(t.children, r + 1) })
+] }, n)), Y = ({ tree: l }) => {
+  const [r, t] = T(!1);
+  return /* @__PURE__ */ e(
+    $,
+    {
+      content: /* @__PURE__ */ e("div", { className: o("tree-menu"), children: y(l, 1) }),
+      placement: "bottom-start",
+      isOpened: r,
+      setIsOpened: t,
+      children: /* @__PURE__ */ e("div", { className: o("tree-button", { opened: r }), children: /* @__PURE__ */ e(j, {}) })
+    }
+  );
+}, Z = "_breadcrumbs_pxlum_1", ee = {
+  "breadcrumbs-container": "_breadcrumbs-container_pxlum_1",
+  breadcrumbs: Z,
+  "breadcrumb-item": "_breadcrumb-item_pxlum_15",
+  "hidden-breadcrumbs": "_hidden-breadcrumbs_pxlum_23",
+  "back-button": "_back-button_pxlum_40",
+  "breadcrumbs-2": "_breadcrumbs-2_pxlum_49",
+  "breadcrumbs-3": "_breadcrumbs-3_pxlum_52",
+  "breadcrumbs-4": "_breadcrumbs-4_pxlum_55",
+  "breadcrumbs-5": "_breadcrumbs-5_pxlum_58",
+  "breadcrumbs-6-plus": "_breadcrumbs-6-plus_pxlum_58"
+}, s = p.bind(ee), le = 5, ie = ({
+  descriptors: l = [],
+  dataAutomationId: r,
+  LinkComponent: t,
+  tree: n,
+  isBackButton: z = !1,
+  isLastClickable: u = !1,
+  maxShownDescriptors: h = le
+}) => {
+  const [_, ...c] = l, d = Math.max(1, Math.floor(h)) - 1, k = Math.max(0, c.length - d), f = (i) => `breadcrumbs-${i > 5 ? "6-plus" : i}`, m = ((i) => ({
+    1: 55,
+    2: 24,
+    3: 18,
+    4: 13
+  })[i] ?? 12)(l.length), a = M(c, k), N = E(c, k);
+  return /* @__PURE__ */ e(F, { LinkComponent: t, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: s("breadcrumbs-container"),
+      "data-automation-id": r,
+      "data-testid": r,
+      children: z && _ ? /* @__PURE__ */ e("div", { className: s("breadcrumbs"), children: /* @__PURE__ */ e("div", { className: s("breadcrumb-item", "back-button"), "data-testid": "back-breadcrumb", children: /* @__PURE__ */ e(v, { descriptor: _, titleTailNumChars: m }) }) }) : /* @__PURE__ */ C(D, { children: [
+        n && /* @__PURE__ */ e("div", { className: s("tree"), children: /* @__PURE__ */ e(Y, { tree: n }) }),
+        /* @__PURE__ */ C("div", { className: s("breadcrumbs", f(l.length)), children: [
+          _ && /* @__PURE__ */ e("div", { className: s("breadcrumb-item"), children: /* @__PURE__ */ e(
+            v,
+            {
+              descriptor: _,
+              titleTailNumChars: m,
+              isClickable: !g(c)
+            }
+          ) }),
+          !g(a) && /* @__PURE__ */ e("div", { className: s("breadcrumb-item", "hidden-breadcrumbs"), children: /* @__PURE__ */ e(J, { descriptors: a }) }),
+          !g(N) && N.map((i, x) => /* @__PURE__ */ e("div", { className: s("breadcrumb-item"), children: /* @__PURE__ */ e(
+            v,
+            {
+              descriptor: i,
+              titleTailNumChars: m,
+              isClickable: u || x !== N.length - 1
+            }
+          ) }, x))
+        ] })
+      ] })
+    }
+  ) });
+};
+export {
+  ie as B
+};

package/dist/breadcrumbs.js

@@ -1,12 +1,14 @@
-import { B as m } from "./breadcrumbs-9b38b89c.js";
+import { B as m } from "./breadcrumbs-1c9f0a3f.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
+import "es-toolkit";
 import "react";
 import "./popover.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 import "./meatballMenu-535635a9.js";
 import "./tree-e7a0ef42.js";
+import "./isEmpty-ccacb5ff.js";
 export {
   m as Breadcrumbs,
   m as default

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

@@ -1,3 +1,3 @@
 import { BreadcrumbsProps } from './types';
 
-export declare const Breadcrumbs: ({ descriptors, dataAutomationId, LinkComponent, tree, isBackButton, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumbs: ({ descriptors, dataAutomationId, LinkComponent, tree, isBackButton, isLastClickable, maxShownDescriptors, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -21,4 +21,6 @@ export interface BreadcrumbsProps {
     tree?: TreeDescriptor[];
     dataAutomationId?: string;
     isBackButton?: boolean;
+    isLastClickable?: boolean;
+    maxShownDescriptors?: number;
 }

package/dist/index.js

@@ -3,7 +3,7 @@ import { A as h, a as M } from "./actionMenu-77a63b96.js";
 import { ACTION_MENU_DIVIDER as L } from "./actionMenu.js";
 import { A as E } from "./index-1a874a8b.js";
 import { B as k } from "./baseIconButton-251479f7.js";
-import { B as N } from "./breadcrumbs-9b38b89c.js";
+import { B as N } from "./breadcrumbs-1c9f0a3f.js";
 import { B as z } from "./bubblesLoader-f3ffa240.js";
 import { BulkPanel as J } from "./bulkPanel.js";
 import { B as _ } from "./button-97d9e587.js";
@@ -61,6 +61,7 @@ import { S as Ee } from "./warning-537ead32.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "./isEmpty-ccacb5ff.js";
+import "es-toolkit";
 import "react-dom";
 import "rc-scrollbars";
 import "./useOnClickOutside-8f7d68a1.js";
@@ -74,7 +75,6 @@ import "framer-motion";
 import "./useWindowResize-a7e1ac92.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
-import "es-toolkit";
 import "./useTreeSortable-694cfbbc.js";
 import "./common.js";
 import "react-resizable";

package/package.json

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

package/dist/breadcrumbs-9b38b89c.js

@@ -1,184 +0,0 @@
-import { jsx as e, jsxs as p, Fragment as y } from "react/jsx-runtime";
-import { c as h } from "./bind-06a7ff84.js";
-import { createContext as T, useContext as w, useRef as P, useState as g, useEffect as D } from "react";
-import { Popover as N } from "./popover.js";
-import { S as O } from "./meatballMenu-535635a9.js";
-import { S as E } from "./tree-e7a0ef42.js";
-const B = T(void 0), H = ({ children: l, LinkComponent: r }) => /* @__PURE__ */ e(B.Provider, { value: { LinkComponent: r }, children: l }), M = () => {
-  const l = w(B);
-  if (l === void 0)
-    throw new Error("useBreadcrumbsContext must be used within a BreadcrumbsProvider");
-  return l;
-}, R = "_breadcrumb_1cva8_1", W = "_link_1cva8_5", j = "_dark_1cva8_30", I = {
-  breadcrumb: R,
-  link: W,
-  "breadcrumb-text": "_breadcrumb-text_1cva8_10",
-  dark: j
-}, v = h.bind(I), u = ({
-  titleTailNumChars: l = 8,
-  descriptor: { title: r, link: t, onClick: c },
-  isClickable: k = !0,
-  variant: _ = "default"
-}) => {
-  const { LinkComponent: s } = M(), a = P(null), [m, b] = g(null);
-  D(() => {
-    if (a.current) {
-      const { offsetWidth: i, scrollWidth: S, dataset: $ } = a.current;
-      if (i < S) {
-        const x = typeof r == "string" ? r : "";
-        $.tail = x.slice(x.length - l), b(x);
-      }
-    }
-  }, [r, l]);
-  const n = /* @__PURE__ */ e("div", { ref: a, className: v("breadcrumb-text", _), children: r });
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: v("breadcrumb", _),
-      title: m || void 0,
-      "data-testid": "breadcrumb",
-      children: k ? s && t ? /* @__PURE__ */ e(s, { className: v("link"), to: t, onClick: c, children: n }) : t ? /* @__PURE__ */ e("a", { className: v("link"), href: typeof t == "string" ? t : "#", onClick: c, children: n }) : /* @__PURE__ */ e("button", { type: "button", className: v("link"), onClick: c, children: n }) : n
-    }
-  );
-}, F = {
-  "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"
-}, z = h.bind(F), L = ({ descriptors: l }) => /* @__PURE__ */ e("div", { className: z("hidden-breadcrumbs-content"), "data-testid": "hidden-breadcrumbs-content", children: l.map((r, t) => /* @__PURE__ */ e("div", { className: z("hidden-breadcrumb-item", `level-${t + 1}`), children: /* @__PURE__ */ e(u, { descriptor: r }) }, t)) }), X = ({ descriptors: l }) => /* @__PURE__ */ e(
-  N,
-  {
-    content: /* @__PURE__ */ e(L, { descriptors: l }),
-    placement: "bottom-start",
-    children: /* @__PURE__ */ e("div", { className: z("hidden-breadcrumbs-trigger"), "data-testid": "hidden-breadcrumbs-trigger", children: /* @__PURE__ */ e(O, {}) })
-  }
-), q = "_opened_zxn5r_1", A = {
-  "tree-button": "_tree-button_zxn5r_1",
-  opened: q,
-  "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(A), G = ({ descriptor: l, level: r }) => /* @__PURE__ */ e("div", { className: o("tree-menu-item", `level-${r}`), children: /* @__PURE__ */ e(u, { descriptor: l, variant: "dark" }) }), C = (l, r) => l.map((t, c) => /* @__PURE__ */ p("div", { className: o("tree-menu-node"), children: [
-  /* @__PURE__ */ e(G, { descriptor: t, level: r }),
-  t.children && t.children.length > 0 && /* @__PURE__ */ e("div", { className: o("tree-menu-children"), children: C(t.children, r + 1) })
-] }, c)), J = ({ tree: l }) => {
-  const [r, t] = g(!1);
-  return /* @__PURE__ */ e(
-    N,
-    {
-      content: /* @__PURE__ */ e("div", { className: o("tree-menu"), children: C(l, 1) }),
-      placement: "bottom-start",
-      isOpened: r,
-      setIsOpened: t,
-      children: /* @__PURE__ */ e("div", { className: o("tree-button", { opened: r }), children: /* @__PURE__ */ e(E, {}) })
-    }
-  );
-}, K = "_breadcrumbs_pxlum_1", Q = {
-  "breadcrumbs-container": "_breadcrumbs-container_pxlum_1",
-  breadcrumbs: K,
-  "breadcrumb-item": "_breadcrumb-item_pxlum_15",
-  "hidden-breadcrumbs": "_hidden-breadcrumbs_pxlum_23",
-  "back-button": "_back-button_pxlum_40",
-  "breadcrumbs-2": "_breadcrumbs-2_pxlum_49",
-  "breadcrumbs-3": "_breadcrumbs-3_pxlum_52",
-  "breadcrumbs-4": "_breadcrumbs-4_pxlum_55",
-  "breadcrumbs-5": "_breadcrumbs-5_pxlum_58",
-  "breadcrumbs-6-plus": "_breadcrumbs-6-plus_pxlum_58"
-}, d = h.bind(Q), f = 5, re = ({
-  descriptors: l = [],
-  dataAutomationId: r,
-  LinkComponent: t,
-  tree: c,
-  isBackButton: k = !1
-}) => {
-  const _ = [...l], s = _.shift(), a = (n) => `breadcrumbs-${n > 5 ? "6-plus" : n}`, m = ((n) => ({
-    1: 55,
-    2: 24,
-    3: 18,
-    4: 13
-  })[n] ?? 12)(l.length);
-  let b = [];
-  return _.length > f - 1 && (b = _.splice(
-    0,
-    _.length - (f - 1)
-  )), /* @__PURE__ */ e(H, { LinkComponent: t, children: /* @__PURE__ */ e(
-    "div",
-    {
-      className: d("breadcrumbs-container"),
-      "data-automation-id": r,
-      "data-testid": r,
-      children: k && s ? /* @__PURE__ */ e("div", { className: d("breadcrumbs"), children: /* @__PURE__ */ e("div", { className: d("breadcrumb-item", "back-button"), "data-testid": "back-breadcrumb", children: /* @__PURE__ */ e(u, { descriptor: s, titleTailNumChars: m }) }) }) : /* @__PURE__ */ p(y, { children: [
-        c && /* @__PURE__ */ e("div", { className: d("tree"), children: /* @__PURE__ */ e(J, { tree: c }) }),
-        /* @__PURE__ */ p("div", { className: d("breadcrumbs", a(l.length)), children: [
-          s && /* @__PURE__ */ e("div", { className: d("breadcrumb-item"), children: /* @__PURE__ */ e(
-            u,
-            {
-              descriptor: s,
-              titleTailNumChars: m,
-              isClickable: !!_.length
-            }
-          ) }),
-          b.length > 0 && /* @__PURE__ */ e("div", { className: d("breadcrumb-item", "hidden-breadcrumbs"), children: /* @__PURE__ */ e(X, { descriptors: b }) }),
-          _.length > 0 && _.map((n, i) => /* @__PURE__ */ e("div", { className: d("breadcrumb-item"), children: /* @__PURE__ */ e(
-            u,
-            {
-              descriptor: n,
-              titleTailNumChars: m,
-              isClickable: i !== _.length - 1
-            }
-          ) }, i))
-        ] })
-      ] })
-    }
-  ) });
-};
-export {
-  re as B
-};