@reportportal/ui-kit 0.0.1-alpha.187 → 0.0.1-alpha.189

package/dist/attachedFile.js

@@ -1,4 +1,4 @@
-import { A as a } from "./index-1a874a8b.js";
+import { A as a } from "./index-d6e02727.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/{breadcrumbs-1e887800.js → breadcrumbs-b9af3ee5.js}

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

package/dist/breadcrumbs.js

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

package/dist/common/utils/addMiddleEllipsis.d.ts

@@ -0,0 +1 @@
+export declare const addMiddleEllipsis: (fileName: string) => string;

package/dist/common/utils/index.d.ts

@@ -2,3 +2,4 @@ export { getFileExtension } from './getFileExtension';
 export { isString } from './isString';
 export { getAlignmentAxisOffset } from './floatingUi';
 export { splitHtmlAttributes } from './htmlAttributes';
+export { addMiddleEllipsis } from './addMiddleEllipsis';

package/dist/components/attachedFile/attachedFile.d.ts

@@ -10,5 +10,8 @@ export interface AttachedFileProps {
     uploadFailedMessage?: string;
     onRemove?: VoidFn;
     onDownload?: VoidFn;
+    withPreview?: boolean;
+    textPosition?: 'bottom' | 'right';
+    imageSrc?: string;
 }
-export declare const AttachedFile: ({ fileName, size, uploadingProgress, isUploadFailed, uploadFailedMessage, isUploading, isFullWidth, onDownload, onRemove, }: AttachedFileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachedFile: ({ fileName, size, uploadingProgress, isUploadFailed, uploadFailedMessage, isUploading, isFullWidth, onDownload, onRemove, withPreview, textPosition, imageSrc, }: AttachedFileProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -22,6 +22,7 @@ export interface BreadcrumbsProps {
     dataAutomationId?: string;
     isBackButton?: boolean;
     isLastClickable?: boolean;
+    isSingleItemClickable?: boolean;
     maxShownDescriptors?: number;
     titleTailNumChars?: number;
     className?: string;

package/dist/fileDropArea.js

@@ -1,7 +1,7 @@
 import { jsx as _, jsxs as F } from "react/jsx-runtime";
 import { c as h } from "./bind-06a7ff84.js";
 import { useState as I, useCallback as d, useRef as A, createContext as L, useMemo as M, useContext as j, useEffect as k } from "react";
-import { g as B, A as P } from "./index-1a874a8b.js";
+import { g as B, A as P } from "./index-d6e02727.js";
 import { i as v } from "./isEmpty-ccacb5ff.js";
 import { B as S } from "./button-7ab874f3.js";
 import Z from "react-dropzone";

package/dist/index-d6e02727.js

@@ -0,0 +1,129 @@
+import { jsxs as d, jsx as a, Fragment as p } from "react/jsx-runtime";
+import { useMemo as u, useCallback as b } from "react";
+import { c as E } from "./bind-06a7ff84.js";
+import { S as j } from "./close-4d480ef7.js";
+import { a as y, b as I, S as k, d as M, e as P, c as s, f as g } from "./xls-995781cc.js";
+const A = (e) => {
+  var _;
+  const f = e.split(".");
+  return f.length > 1 && ((_ = f.pop()) == null ? void 0 : _.toLowerCase()) || "";
+}, B = (e) => e.length <= 15 ? e : e.slice(0, 4) + "..." + e.slice(-8), F = {
+  "attached-file": "_attached-file_zf2i5_16",
+  "attached-file__file-name": "_attached-file__file-name_zf2i5_29",
+  "attached-file--bottom-placed": "_attached-file--bottom-placed_zf2i5_32",
+  "attached-file__icon": "_attached-file__icon_zf2i5_42",
+  "attached-file__file-icon": "_attached-file__file-icon_zf2i5_49",
+  "attached-file--failed": "_attached-file--failed_zf2i5_52",
+  "attached-file__name-text": "_attached-file__name-text_zf2i5_56",
+  "attached-file--uploading": "_attached-file--uploading_zf2i5_65",
+  "attached-file--full-width": "_attached-file--full-width_zf2i5_77",
+  "attached-file__thumbnail": "_attached-file__thumbnail_zf2i5_98",
+  "attached-file__info": "_attached-file__info_zf2i5_105",
+  "attached-file__file-name--bottom-placed": "_attached-file__file-name--bottom-placed_zf2i5_126",
+  "attached-file__download-icon": "_attached-file__download-icon_zf2i5_141",
+  "attached-file__file-details": "_attached-file__file-details_zf2i5_150",
+  "attached-file__error-message": "_attached-file__error-message_zf2i5_155",
+  "attached-file__upload-progress": "_attached-file__upload-progress_zf2i5_160",
+  "attached-file__upload-progress-bar": "_attached-file__upload-progress-bar_zf2i5_170",
+  "attached-file__remove-button": "_attached-file__remove-button_zf2i5_174",
+  "attached-file__remove-button--disabled": "_attached-file__remove-button--disabled_zf2i5_196"
+}, t = E.bind(F), O = {
+  csv: k,
+  jar: M,
+  pdf: P,
+  jpg: s,
+  jpeg: s,
+  png: s,
+  gif: s,
+  svg: s,
+  webp: s,
+  xls: g,
+  xlsx: g
+}, J = (e) => O[e.toLowerCase()] ?? I, H = ({
+  fileName: e,
+  size: f,
+  uploadingProgress: _ = 0,
+  isUploadFailed: l = !1,
+  uploadFailedMessage: v,
+  isUploading: i = !1,
+  isFullWidth: x = !1,
+  onDownload: h,
+  onRemove: n,
+  withPreview: z = !1,
+  textPosition: C = "right",
+  imageSrc: m
+}) => {
+  const o = u(() => A(e), [e]), L = o.toUpperCase(), N = u(() => J(o), [o]), S = b(
+    (r) => {
+      r.stopPropagation(), i || n == null || n();
+    },
+    [i, n]
+  ), w = b(
+    (r) => {
+      r.stopPropagation(), !l && !i && h && h();
+    },
+    [l, i, h]
+  ), c = C === "bottom";
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: t("attached-file", {
+        "attached-file--failed": l,
+        "attached-file--uploading": i,
+        "attached-file--full-width": x,
+        "attached-file--bottom-placed": c
+      }),
+      children: [
+        /* @__PURE__ */ a("div", { className: t("attached-file__icon"), children: z && m ? /* @__PURE__ */ a("img", { className: t("attached-file__thumbnail"), src: m, alt: e }) : /* @__PURE__ */ a("div", { className: t("attached-file__file-icon"), children: /* @__PURE__ */ a(N, {}) }) }),
+        /* @__PURE__ */ d("div", { className: t("attached-file__info"), children: [
+          !c && h ? /* @__PURE__ */ d("button", { type: "button", className: t("attached-file__file-name"), onClick: w, children: [
+            /* @__PURE__ */ a("span", { className: t("attached-file__name-text"), children: e }),
+            !i && !l && /* @__PURE__ */ a("span", { className: t("attached-file__download-icon"), children: /* @__PURE__ */ a(y, {}) })
+          ] }) : /* @__PURE__ */ a(
+            "div",
+            {
+              className: t("attached-file__file-name", {
+                "attached-file__file-name--bottom-placed": c
+              }),
+              children: /* @__PURE__ */ a("span", { className: t("attached-file__name-text"), children: c ? B(e) : e })
+            }
+          ),
+          c ? null : /* @__PURE__ */ d(p, { children: [
+            !l && /* @__PURE__ */ d("div", { className: t("attached-file__file-details"), children: [
+              L,
+              ", ",
+              f,
+              " MB"
+            ] }),
+            l && /* @__PURE__ */ a("div", { className: t("attached-file__error-message"), children: v })
+          ] })
+        ] }),
+        c ? null : /* @__PURE__ */ d(p, { children: [
+          n && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: t("attached-file__remove-button", {
+                "attached-file__remove-button--disabled": i
+              }),
+              disabled: i,
+              onClick: S,
+              children: /* @__PURE__ */ a(j, {})
+            }
+          ),
+          i && _ > 0 && /* @__PURE__ */ a("div", { className: t("attached-file__upload-progress"), children: /* @__PURE__ */ a(
+            "div",
+            {
+              className: t("attached-file__upload-progress-bar"),
+              style: { width: `${_}%` }
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  H as A,
+  A as g
+};

package/dist/index.js

@@ -1,9 +1,9 @@
 import { AdaptiveTagList as y } from "./adaptiveTagList.js";
 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 { A as E } from "./index-d6e02727.js";
 import { B as k } from "./baseIconButton-251479f7.js";
-import { B as N } from "./breadcrumbs-1e887800.js";
+import { B as N } from "./breadcrumbs-b9af3ee5.js";
 import { B as z } from "./bubblesLoader-f3ffa240.js";
 import { BulkPanel as J } from "./bulkPanel.js";
 import { B as _ } from "./button-7ab874f3.js";