@reportportal/ui-kit 0.0.1-alpha.85 → 0.0.1-alpha.87

package/dist/breadcrumbs-8e5ca8d7.js

@@ -0,0 +1,183 @@
+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, a as E } from "./tree-c3dd3d45.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(), i = P(null), [m, b] = g(null);
+  D(() => {
+    if (i.current) {
+      const { offsetWidth: a, scrollWidth: $, dataset: S } = i.current;
+      if (a < $) {
+        const x = typeof r == "string" ? r : "";
+        S.tail = x.slice(x.length - l), b(x);
+      }
+    }
+  }, [r, l]);
+  const n = /* @__PURE__ */ e("div", { ref: i, 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, le = ({
+  descriptors: l = [],
+  dataAutomationId: r,
+  LinkComponent: t,
+  tree: c,
+  isBackButton: k = !1
+}) => {
+  const _ = [...l], s = _.shift(), i = (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", i(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, a) => /* @__PURE__ */ e("div", { className: d("breadcrumb-item"), children: /* @__PURE__ */ e(
+            u,
+            {
+              descriptor: n,
+              titleTailNumChars: m,
+              isClickable: a !== _.length - 1
+            }
+          ) }, a))
+        ] })
+      ] })
+    }
+  ) });
+};
+export {
+  le as B
+};

package/dist/breadcrumbs.js

@@ -0,0 +1,11 @@
+import { B as m } from "./breadcrumbs-8e5ca8d7.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+import "./popover.js";
+import "@floating-ui/react";
+import "./tree-c3dd3d45.js";
+export {
+  m as Breadcrumbs,
+  m as default
+};

package/dist/checkbox-ed6cc375.js

@@ -0,0 +1,73 @@
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { c as f } from "./bind-06a7ff84.js";
+import { useRef as y, useId as C } from "react";
+import { K as p } from "./keyCodes-f63c0e11.js";
+const E = "_checkbox_rvc2u_1", D = "_disabled_rvc2u_11", K = "_input_rvc2u_16", N = "_control_rvc2u_23", v = "_children_rvc2u_155", I = {
+  checkbox: E,
+  disabled: D,
+  input: K,
+  control: N,
+  "partially-checked": "_partially-checked_rvc2u_78",
+  children: v
+}, e = f.bind(I), Y = ({
+  children: s,
+  disabled: c = !1,
+  onChange: d,
+  className: h,
+  value: t,
+  partiallyChecked: k,
+  title: l,
+  ...b
+}) => {
+  const o = y(null), a = C(), m = (r) => {
+    var _, u;
+    const { keyCode: i } = r;
+    if (i === p.SPACE_KEY_CODE) {
+      r.preventDefault(), (_ = o.current) == null || _.click();
+      return;
+    }
+    i === p.ENTER_KEY_CODE && (r.preventDefault(), (u = o.current) == null || u.click());
+  };
+  return /* @__PURE__ */ x(
+    "label",
+    {
+      id: a,
+      className: e("checkbox", h, {
+        disabled: c
+      }),
+      title: l,
+      children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: o,
+            tabIndex: 0,
+            type: "checkbox",
+            onKeyDown: m,
+            className: e("input", { "partially-checked": k }),
+            disabled: c,
+            onChange: d,
+            checked: t,
+            title: l,
+            ...b
+          }
+        ),
+        /* @__PURE__ */ n(
+          "span",
+          {
+            "aria-labelledby": a,
+            role: "checkbox",
+            "aria-checked": t,
+            className: e("control", {
+              disabled: c
+            })
+          }
+        ),
+        s && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: s })
+      ]
+    }
+  );
+};
+export {
+  Y as C
+};

package/dist/checkbox.js

@@ -1,4 +1,4 @@
-import { C as r } from "./checkbox-1f5db4c8.js";
+import { C as r } from "./checkbox-ed6cc375.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";

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

@@ -0,0 +1,10 @@
+import { BreadcrumbDescriptor } from '../types';
+
+interface BreadcrumbProps {
+    descriptor: BreadcrumbDescriptor;
+    titleTailNumChars?: number;
+    isClickable?: boolean;
+    variant?: 'default' | 'dark';
+}
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export {};

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

@@ -0,0 +1 @@
+export { Breadcrumb } from './breadcrumb';

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

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

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { LinkComponentType } from '../types';
+
+export interface BreadcrumbsContextValue {
+    LinkComponent?: LinkComponentType;
+}
+export declare const BreadcrumbsContext: import('react').Context<BreadcrumbsContextValue | undefined>;
+interface BreadcrumbsProviderProps {
+    children: ReactNode;
+    LinkComponent?: LinkComponentType;
+}
+export declare const BreadcrumbsProvider: ({ children, LinkComponent }: BreadcrumbsProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+import { BreadcrumbsContextValue } from './breadcrumbsProvider';
+
+export declare const useBreadcrumbsContext: () => BreadcrumbsContextValue;

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

@@ -0,0 +1 @@
+export { BreadcrumbsProvider } from './breadcrumbsProvider';

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

@@ -0,0 +1,6 @@
+import { BreadcrumbDescriptor } from '../types';
+
+export interface HiddenBreadcrumbsProps {
+    descriptors: BreadcrumbDescriptor[];
+}
+export declare const HiddenBreadcrumbs: ({ descriptors }: HiddenBreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { HiddenBreadcrumbs } from './hiddenBreadcrumbs';
+export type { HiddenBreadcrumbsProps } from './hiddenBreadcrumbs';

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

@@ -0,0 +1,5 @@
+import { Breadcrumbs } from './breadcrumbs';
+
+export { Breadcrumbs };
+export type { BreadcrumbDescriptor, TreeDescriptor, LinkComponentType, BreadcrumbsProps, } from './types';
+export default Breadcrumbs;

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

@@ -0,0 +1 @@
+export { Tree } from './tree';

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

@@ -0,0 +1,7 @@
+import { TreeDescriptor } from '../types';
+
+interface TreeProps {
+    tree: TreeDescriptor[];
+}
+export declare const Tree: ({ tree }: TreeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+
+export interface BreadcrumbDescriptor {
+    title: string | ReactNode;
+    link?: object | string;
+    onClick?: () => void;
+}
+export interface TreeDescriptor extends BreadcrumbDescriptor {
+    link: object | string;
+    children?: TreeDescriptor[];
+}
+export type LinkComponentType = React.ComponentType<{
+    to: object | string;
+    className?: string;
+    onClick?: () => void;
+    children: React.ReactNode;
+}>;
+export interface BreadcrumbsProps {
+    descriptors: BreadcrumbDescriptor[];
+    LinkComponent?: LinkComponentType;
+    tree?: TreeDescriptor[];
+    dataAutomationId?: string;
+    isBackButton?: boolean;
+}

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

@@ -47,4 +47,5 @@ export { default as SearchIcon } from './svg/search.svg';
 export { default as SortIcon } from './svg/sort.svg';
 export { default as StatusSuccessIcon } from './svg/statusSuccess.svg';
 export { default as SuccessIcon } from './svg/success.svg';
+export { default as TreeIcon } from './svg/tree.svg';
 export { default as WarningIcon } from './svg/warning.svg';

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export { Button } from './button';
 export { BaseIconButton } from './baseIconButton';
+export { Breadcrumbs } from './breadcrumbs';
 export { Checkbox } from './checkbox';
 export { SystemMessage } from './systemMessage';
 export { FieldText } from './fieldText';

package/dist/components/table/utils.d.ts

@@ -3,4 +3,4 @@ import { Column, RowData, SortConfig, SortingDirection } from './types';
 export declare const isAsc: (direction: SortingDirection) => boolean;
 export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];
 export declare const getColumnsKeys: (columns: Column[]) => string[];
-export declare const toggleDirection: (direction: SortingDirection) => "desc" | "asc";
+export declare const toggleDirection: (direction: SortingDirection) => "asc" | "desc";

package/dist/{datePicker-9a576d19.js → datePicker-30077e06.js}

@@ -2,9 +2,9 @@ import { jsxs as x, Fragment as U, jsx as t } from "react/jsx-runtime";
 import $ from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as B } from "react";
-import { F as D } from "./fieldText-635e0db4.js";
+import { F as D } from "./fieldText-35421470.js";
 import { a as E, S as j } from "./calendarArrow-3e1339ea.js";
-import { D as T } from "./dropdown-329da205.js";
+import { D as T } from "./dropdown-b26b8fd8.js";
 import { registerLocale as G } from "react-datepicker";
 const pe = (r, s) => {
   G(r, s);

package/dist/datePicker.js

@@ -1,17 +1,17 @@
-import { D as t } from "./datePicker-9a576d19.js";
-import { r as v } from "./datePicker-9a576d19.js";
+import { D as t } from "./datePicker-30077e06.js";
+import { r as v } from "./datePicker-30077e06.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
-import "./fieldText-635e0db4.js";
+import "./fieldText-35421470.js";
 import "./openEye-7b9cf080.js";
 import "./button-97d9e587.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "./calendarArrow-3e1339ea.js";
-import "./dropdown-329da205.js";
+import "./dropdown-b26b8fd8.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
@@ -19,7 +19,7 @@ import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
-import "./checkbox-1f5db4c8.js";
+import "./checkbox-ed6cc375.js";
 import "react-datepicker";
 export {
   t as DatePicker,

package/dist/{dropdown-329da205.js → dropdown-b26b8fd8.js}

@@ -9,7 +9,7 @@ import { K as p } from "./keyCodes-f63c0e11.js";
 import { B as ye } from "./baseIconButton-251479f7.js";
 import { S as be } from "./dropdown-0260bb66.js";
 import { FieldLabel as Ce } from "./fieldLabel.js";
-import { C as Oe } from "./checkbox-1f5db4c8.js";
+import { C as Oe } from "./checkbox-ed6cc375.js";
 const ke = "_disabled_1etj7_12", Ne = "_hidden_1etj7_16", De = "_hover_1etj7_22", Ee = "_selected_1etj7_34", we = {
   "dropdown-option": "_dropdown-option_1etj7_1",
   disabled: ke,

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-329da205.js";
+import { D as r } from "./dropdown-b26b8fd8.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -10,7 +10,7 @@ import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
 import "./fieldLabel.js";
-import "./checkbox-1f5db4c8.js";
+import "./checkbox-ed6cc375.js";
 export {
   r as Dropdown,
   r as default

package/dist/fieldLabel.js

@@ -1,18 +1,18 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { c } from "./bind-06a7ff84.js";
-const r = "_asterisk_10m6x_11", m = "_disabled_10m6x_17", o = {
-  "field-label": "_field-label_10m6x_1",
-  asterisk: r,
-  disabled: m
-}, s = c.bind(o), _ = ({
-  children: e,
-  isRequired: l = !1,
+import { jsxs as r, jsx as d } from "react/jsx-runtime";
+import { c as t } from "./bind-06a7ff84.js";
+const c = "_asterisk_1rhlz_11", o = "_disabled_1rhlz_17", b = {
+  "field-label": "_field-label_1rhlz_1",
+  asterisk: c,
+  disabled: o
+}, s = t.bind(b), m = ({
+  children: l,
+  isRequired: e = !1,
   className: a,
   ...i
-}) => /* @__PURE__ */ d("label", { className: s("field-label", a), ...i, children: [
-  e,
-  l && /* @__PURE__ */ t("span", { className: s("asterisk"), children: "*" })
+}) => /* @__PURE__ */ r("label", { className: s("field-label", a), ...i, children: [
+  l,
+  e && /* @__PURE__ */ d("span", { className: s("asterisk"), children: "*" })
 ] });
 export {
-  _ as FieldLabel
+  m as FieldLabel
 };