@reportportal/ui-kit 0.0.1-alpha.250 → 0.0.1-alpha.251

package/dist/index-e0731146.js

@@ -0,0 +1,129 @@
+import { jsxs as s, jsx as a, Fragment as p } from "react/jsx-runtime";
+import { useMemo as g, useCallback as u } from "react";
+import { c as E } from "./bind-06a7ff84.js";
+import { S as I } from "./close-4d480ef7.js";
+import { b as j, g as k, a as A, S as M, d as P, e as B, c as d, f as b } from "./download-4950d639.js";
+const F = (e) => {
+  var c;
+  const n = e.split(".");
+  return n.length > 1 && ((c = n.pop()) == null ? void 0 : c.toLowerCase()) || "";
+}, O = (e) => e.length <= 15 ? e : e.slice(0, 4) + "..." + e.slice(-8), J = {
+  "attached-file": "_attached-file_1yz71_16",
+  "attached-file__file-name": "_attached-file__file-name_1yz71_29",
+  "attached-file__download-icon": "_attached-file__download-icon_1yz71_32",
+  "attached-file--bottom-placed": "_attached-file--bottom-placed_1yz71_35",
+  "attached-file__icon": "_attached-file__icon_1yz71_45",
+  "attached-file__file-icon": "_attached-file__file-icon_1yz71_52",
+  "attached-file--failed": "_attached-file--failed_1yz71_55",
+  "attached-file__name-text": "_attached-file__name-text_1yz71_59",
+  "attached-file--uploading": "_attached-file--uploading_1yz71_68",
+  "attached-file--full-width": "_attached-file--full-width_1yz71_80",
+  "attached-file__thumbnail": "_attached-file__thumbnail_1yz71_101",
+  "attached-file__info": "_attached-file__info_1yz71_108",
+  "attached-file__file-name--bottom-placed": "_attached-file__file-name--bottom-placed_1yz71_129",
+  "attached-file__file-details": "_attached-file__file-details_1yz71_159",
+  "attached-file__error-message": "_attached-file__error-message_1yz71_164",
+  "attached-file__upload-progress": "_attached-file__upload-progress_1yz71_169",
+  "attached-file__upload-progress-bar": "_attached-file__upload-progress-bar_1yz71_179",
+  "attached-file__remove-button": "_attached-file__remove-button_1yz71_183",
+  "attached-file__remove-button--disabled": "_attached-file__remove-button--disabled_1yz71_205"
+}, t = E.bind(J), T = {
+  csv: M,
+  jar: P,
+  pdf: B,
+  jpg: d,
+  jpeg: d,
+  png: d,
+  gif: d,
+  svg: d,
+  webp: d,
+  xls: b,
+  xlsx: b
+}, X = (e) => T[e.toLowerCase()] ?? j, Q = ({
+  fileName: e,
+  size: n,
+  uploadingProgress: c = 0,
+  isUploadFailed: _ = !1,
+  uploadFailedMessage: y,
+  isUploading: l = !1,
+  isFullWidth: v = !1,
+  onDownload: h,
+  onRemove: f,
+  withPreview: x = !1,
+  textPosition: z = "right",
+  imageSrc: m
+}) => {
+  const o = g(() => F(e), [e]), C = o.toUpperCase(), L = g(() => X(o), [o]), S = h ? k : A, N = u(
+    (r) => {
+      r.stopPropagation(), l || f == null || f();
+    },
+    [l, f]
+  ), w = u(
+    (r) => {
+      r.stopPropagation(), !_ && !l && h && h();
+    },
+    [_, l, h]
+  ), i = z === "bottom";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: t("attached-file", {
+        "attached-file--failed": _,
+        "attached-file--uploading": l,
+        "attached-file--full-width": v,
+        "attached-file--bottom-placed": i
+      }),
+      children: [
+        /* @__PURE__ */ a("div", { className: t("attached-file__icon"), children: x && 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(L, {}) }) }),
+        /* @__PURE__ */ s("div", { className: t("attached-file__info"), children: [
+          !i && h ? /* @__PURE__ */ s("button", { type: "button", className: t("attached-file__file-name"), onClick: w, children: [
+            /* @__PURE__ */ a("span", { className: t("attached-file__name-text"), children: e }),
+            !l && !_ && /* @__PURE__ */ a("span", { className: t("attached-file__download-icon"), children: /* @__PURE__ */ a(S, {}) })
+          ] }) : /* @__PURE__ */ a(
+            "div",
+            {
+              className: t("attached-file__file-name", {
+                "attached-file__file-name--bottom-placed": i
+              }),
+              children: /* @__PURE__ */ a("span", { className: t("attached-file__name-text"), children: i ? O(e) : e })
+            }
+          ),
+          i ? null : /* @__PURE__ */ s(p, { children: [
+            !_ && /* @__PURE__ */ s("div", { className: t("attached-file__file-details"), children: [
+              C,
+              ", ",
+              n,
+              " MB"
+            ] }),
+            _ && /* @__PURE__ */ a("div", { className: t("attached-file__error-message"), children: y })
+          ] })
+        ] }),
+        i ? null : /* @__PURE__ */ s(p, { children: [
+          f && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: t("attached-file__remove-button", {
+                "attached-file__remove-button--disabled": l
+              }),
+              disabled: l,
+              onClick: N,
+              children: /* @__PURE__ */ a(I, {})
+            }
+          ),
+          l && c > 0 && /* @__PURE__ */ a("div", { className: t("attached-file__upload-progress"), children: /* @__PURE__ */ a(
+            "div",
+            {
+              className: t("attached-file__upload-progress-bar"),
+              style: { width: `${c}%` }
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Q as A,
+  F as g
+};

package/dist/index.js

@@ -1,7 +1,7 @@
 import { AdaptiveTagList as B } from "./adaptiveTagList.js";
 import { A as v, a as w } from "./actionMenu-f8a2f5bb.js";
 import { ACTION_MENU_DIVIDER as E } from "./actionMenu.js";
-import { A as k } from "./index-d6e02727.js";
+import { A as k } from "./index-e0731146.js";
 import { B as N } from "./baseIconButton-251479f7.js";
 import { B as H } from "./breadcrumbs-5730e318.js";
 import { B as G } from "./bubblesLoader-f3ffa240.js";
@@ -21,7 +21,7 @@ import { FiltersButton as Io } from "./filtersButton.js";
 import { FilterItem as xo } from "./filterItem.js";
 import { IssueList as uo } from "./issueList.js";
 import { Modal as Co } from "./modal.js";
-import { MultipleAutocomplete as Po, SingleAutocomplete as go } from "./autocompletes.js";
+import { MultipleAutocomplete as Do, SingleAutocomplete as Po } from "./autocompletes.js";
 import { P as Fo } from "./pagination-4f6cbad8.js";
 import { Popover as bo } from "./popover.js";
 import { R as ho, a as Bo } from "./radioGroup-0c132c2e.js";
@@ -41,14 +41,14 @@ import "react-dnd";
 import "react-dnd-html5-backend";
 import { useTreeDropValidation as er } from "./common/hooks.js";
 import { u as nr } from "./useEllipsisTitle-462fa254.js";
-import { AddCsvIcon as cr, AddImageIcon as pr, AddJarIcon as ir, ArrowLeftIcon as mr, ArrowRightIcon as sr, BoltIcon as Ir, BreadcrumbsTreeIcon as lr, CalendarIcon as xr, CheckmarkIcon as fr, ChevronRightBreadcrumbsIcon as dr, CloseEyeIcon as ur, ConfigurationIcon as Sr, CopyIcon as Cr, CoverageFullIcon as Dr, CoveragePartialIcon as Pr, CoveredManuallyIcon as gr, CycleArrowsIcon as Ar, DeleteIcon as Fr, DiamondIcon as Tr, DownloadIcon as br, DragAndDropIcon as yr, DragNDropIcon as hr, DurationIcon as Br, EditIcon as Mr, ExportIcon as vr, FlagIcon as wr, FolderIcon as Lr, GroupByIcon as Er, HashIcon as Rr, HideIcon as kr, LatestExecutionsIcon as Or, LaunchTypeIcon as Nr, MailIcon as Ur, MaximizeIcon as Hr, MoveToFolderIcon as zr, OkIcon as Gr, OpenEyeIcon as Jr, PinFilledIcon as Vr, PinOutlineIcon as _r, PriorityBlockerIcon as Wr, PriorityCriticalIcon as Xr, PriorityHighIcon as jr, PriorityLowIcon as qr, PriorityMediumIcon as Kr, PriorityUnspecifiedIcon as Qr, RefreshIcon as Yr, RerunIcon as Zr, RocketIcon as $r, RunManualIcon as oe, SearchIcon as re, SortIcon as ee, StatusSuccessIcon as te, TestCaseIcon as ne, TestPlanIcon as ae, UserIcon as ce } from "./icons.js";
-import { S as ie, a as me, b as se } from "./resizeColumn-46b5b30f.js";
-import { S as le } from "./calendarArrow-44c7e60e.js";
-import { S as fe } from "./chevronDownDropdown-0260bb66.js";
-import { S as ue } from "./clear-53660571.js";
-import { b as Ce, S as De, a as Pe } from "./capslockIcon-b100b9d6.js";
-import { S as Ae } from "./close-4d480ef7.js";
-import { S as Te, a as be, b as ye, c as he, d as Be, e as Me, f as ve } from "./xls-995781cc.js";
+import { AddCsvIcon as cr, AddImageIcon as pr, AddJarIcon as ir, ArrowLeftIcon as mr, ArrowRightIcon as sr, BoltIcon as Ir, BreadcrumbsTreeIcon as lr, CalendarIcon as xr, CheckmarkIcon as fr, ChevronRightBreadcrumbsIcon as dr, CloseEyeIcon as ur, ConfigurationIcon as Sr, CopyIcon as Cr, CoverageFullIcon as gr, CoveragePartialIcon as Dr, CoveredManuallyIcon as Pr, CycleArrowsIcon as Ar, DeleteIcon as Fr, DiamondIcon as Tr, DragAndDropIcon as br, DragNDropIcon as yr, DurationIcon as hr, EditIcon as Br, ExportIcon as Mr, FlagIcon as vr, FolderIcon as wr, GroupByIcon as Lr, HashIcon as Er, HideIcon as Rr, LatestExecutionsIcon as kr, LaunchTypeIcon as Or, MailIcon as Nr, MaximizeIcon as Ur, MoveToFolderIcon as Hr, OkIcon as zr, OpenEyeIcon as Gr, PinFilledIcon as Jr, PinOutlineIcon as Vr, PriorityBlockerIcon as _r, PriorityCriticalIcon as Wr, PriorityHighIcon as Xr, PriorityLowIcon as jr, PriorityMediumIcon as qr, PriorityUnspecifiedIcon as Kr, RefreshIcon as Qr, RerunIcon as Yr, RocketIcon as Zr, RunManualIcon as $r, SearchIcon as oe, SortIcon as re, StatusSuccessIcon as ee, TestCaseIcon as te, TestPlanIcon as ne, UserIcon as ae } from "./icons.js";
+import { S as pe, a as ie, b as me } from "./resizeColumn-46b5b30f.js";
+import { S as Ie } from "./calendarArrow-44c7e60e.js";
+import { S as xe } from "./chevronDownDropdown-0260bb66.js";
+import { S as de } from "./clear-53660571.js";
+import { b as Se, S as Ce, a as ge } from "./capslockIcon-b100b9d6.js";
+import { S as Pe } from "./close-4d480ef7.js";
+import { S as Fe, g as Te, a as be, b as ye, c as he, d as Be, e as Me, f as ve } from "./download-4950d639.js";
 import { S as Le } from "./details-dbb1530b.js";
 import { S as Re } from "./dropdown-0260bb66.js";
 import { S as Oe, a as Ne, b as Ue } from "./success-8fd8bd2c.js";
@@ -88,10 +88,10 @@ export {
   cr as AddCsvIcon,
   pr as AddImageIcon,
   ir as AddJarIcon,
-  ie as ArrowDownIcon,
+  pe as ArrowDownIcon,
   mr as ArrowLeftIcon,
   sr as ArrowRightIcon,
-  me as ArrowUpIcon,
+  ie as ArrowUpIcon,
   k as AttachedFile,
   N as BaseIconButton,
   Ir as BoltIcon,
@@ -100,39 +100,39 @@ export {
   G as BubblesLoader,
   V as BulkPanel,
   W as Button,
-  le as CalendarArrowIcon,
+  Ie as CalendarArrowIcon,
   xr as CalendarIcon,
-  Ce as CapsLockIcon,
+  Se as CapsLockIcon,
   j as Checkbox,
   fr as CheckmarkIcon,
-  fe as ChevronDownDropdownIcon,
+  xe as ChevronDownDropdownIcon,
   dr as ChevronRightBreadcrumbsIcon,
   K as Chip,
-  ue as ClearIcon,
+  de as ClearIcon,
   ur as CloseEyeIcon,
-  Ae as CloseIcon,
-  De as ClosedEyeIcon,
+  Pe as CloseIcon,
+  Ce as ClosedEyeIcon,
   Sr as ConfigurationIcon,
   Cr as CopyIcon,
-  Dr as CoverageFullIcon,
-  Pr as CoveragePartialIcon,
-  gr as CoveredManuallyIcon,
-  Te as CsvIcon,
+  gr as CoverageFullIcon,
+  Dr as CoveragePartialIcon,
+  Pr as CoveredManuallyIcon,
+  Fe as CsvIcon,
   Ar as CycleArrowsIcon,
   Y as DatePicker,
   Fr as DeleteIcon,
   Le as DetailsIcon,
   Tr as DiamondIcon,
-  br as DownloadIcon,
-  yr as DragAndDropIcon,
+  Te as DownloadIcon,
+  br as DragAndDropIcon,
   zo as DragLayer,
-  hr as DragNDropIcon,
+  yr as DragNDropIcon,
   $ as Dropdown,
   Re as DropdownIcon,
-  Br as DurationIcon,
-  Mr as EditIcon,
+  hr as DurationIcon,
+  Br as EditIcon,
   Oe as ErrorIcon,
-  vr as ExportIcon,
+  Mr as ExportIcon,
   be as ExternalLinkIcon,
   ro as FieldLabel,
   to as FieldNumber,
@@ -144,71 +144,71 @@ export {
   xo as FilterItem,
   Ge as FilterOutlineIcon,
   Io as FiltersButton,
-  wr as FlagIcon,
-  Lr as FolderIcon,
-  Er as GroupByIcon,
-  Rr as HashIcon,
-  kr as HideIcon,
+  vr as FlagIcon,
+  wr as FolderIcon,
+  Lr as GroupByIcon,
+  Er as HashIcon,
+  Rr as HideIcon,
   he as ImageIcon,
   Ne as InfoIcon,
   uo as IssueList,
   Be as JarIcon,
-  Or as LatestExecutionsIcon,
-  Nr as LaunchTypeIcon,
-  Ur as MailIcon,
-  Hr as MaximizeIcon,
+  kr as LatestExecutionsIcon,
+  Or as LaunchTypeIcon,
+  Nr as MailIcon,
+  Ur as MaximizeIcon,
   Ve as MeatballMenuIcon,
   Xe as MinusIcon,
   Co as Modal,
-  zr as MoveToFolderIcon,
-  Po as MultipleAutocomplete,
-  Gr as OkIcon,
-  Jr as OpenEyeIcon,
-  Pe as OpenedEyeIcon,
+  Hr as MoveToFolderIcon,
+  Do as MultipleAutocomplete,
+  zr as OkIcon,
+  Gr as OpenEyeIcon,
+  ge as OpenedEyeIcon,
   Fo as Pagination,
   Me as PdfIcon,
-  Vr as PinFilledIcon,
-  _r as PinOutlineIcon,
+  Jr as PinFilledIcon,
+  Vr as PinOutlineIcon,
   qe as PlusIcon,
   bo as Popover,
   Qe as PrevChapterIcon,
   Ye as PrevPageIcon,
-  Wr as PriorityBlockerIcon,
-  Xr as PriorityCriticalIcon,
-  jr as PriorityHighIcon,
-  qr as PriorityLowIcon,
-  Kr as PriorityMediumIcon,
-  Qr as PriorityUnspecifiedIcon,
+  _r as PriorityBlockerIcon,
+  Wr as PriorityCriticalIcon,
+  Xr as PriorityHighIcon,
+  jr as PriorityLowIcon,
+  qr as PriorityMediumIcon,
+  Kr as PriorityUnspecifiedIcon,
   ho as Radio,
   Bo as RadioGroup,
-  Yr as RefreshIcon,
-  Zr as RerunIcon,
-  se as ResizeColumnIcon,
-  $r as RocketIcon,
-  oe as RunManualIcon,
-  re as SearchIcon,
+  Qr as RefreshIcon,
+  Yr as RerunIcon,
+  me as ResizeColumnIcon,
+  Zr as RocketIcon,
+  $r as RunManualIcon,
+  oe as SearchIcon,
   vo as SegmentedControl,
   Lo as Selection,
   or as SidePanel,
-  go as SingleAutocomplete,
-  ee as SortIcon,
+  Po as SingleAutocomplete,
+  re as SortIcon,
   Go as SortableItem,
   Jo as SortableList,
   Ro as SpinLoader,
-  te as StatusSuccessIcon,
+  ee as StatusSuccessIcon,
   Ue as SuccessIcon,
   Oo as SystemAlert,
   Uo as SystemMessage,
   Xo as Table,
-  ne as TestCaseIcon,
-  ae as TestPlanIcon,
+  te as TestCaseIcon,
+  ne as TestPlanIcon,
   qo as ThemeProvider,
   Qo as Toggle,
   Zo as Tooltip,
   _e as TreeIcon,
   Vo as TreeSortableContainer,
   _o as TreeSortableItem,
-  ce as UserIcon,
+  ae as UserIcon,
   $e as WarningIcon,
   ve as XlsIcon,
   nr as useEllipsisTitle,