@reportportal/ui-kit 0.0.1-alpha.170 → 0.0.1-alpha.172

package/dist/filterItem.js

@@ -1,89 +1,82 @@
-import { jsxs as O, jsx as l } from "react/jsx-runtime";
-import { useRef as _, useEffect as T, useCallback as o } from "react";
-import { c as W } from "./bind-06a7ff84.js";
-import { A as j } from "./actionMenu-77a63b96.js";
+import { jsxs as D, jsx as l } from "react/jsx-runtime";
+import { useRef as I, useCallback as i } from "react";
+import { c as K } from "./bind-06a7ff84.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { u as L } from "./useEllipsisTitle-462fa254.js";
+import { A as M } from "./actionMenu-77a63b96.js";
 import "./meatballMenu-535635a9.js";
 import "./baseIconButton-251479f7.js";
 import "./popover.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
-const D = "_disabled_1of31_29", I = "_selected_1of31_32", K = {
-  "filter-item": "_filter-item_1of31_16",
-  disabled: D,
-  selected: I,
-  "actions-button": "_actions-button_1of31_37",
-  "caption-wrapper": "_caption-wrapper_1of31_58"
-}, p = W.bind(K), S = ({
+const T = "_disabled_b9lbt_29", F = "_selected_b9lbt_32", W = {
+  "filter-item": "_filter-item_b9lbt_16",
+  disabled: T,
+  selected: F,
+  "actions-button": "_actions-button_b9lbt_37",
+  "caption-wrapper": "_caption-wrapper_b9lbt_58"
+}, p = K.bind(W), Y = ({
   id: e,
   caption: f,
-  actions: h,
-  onClick: r,
-  onHover: s,
-  className: b,
-  captionClassName: w,
-  popoverClassName: N,
+  actions: u,
+  onClick: s,
+  onHover: r,
+  className: _,
+  captionClassName: b,
+  popoverClassName: h,
   disabled: t = !1,
-  selected: x = !1,
-  editMode: u = !1
+  selected: N = !1,
+  editMode: a = !1
 }) => {
-  const n = _(null), m = _(null);
-  T(() => {
-    const a = () => {
-      n.current && (n.current.scrollWidth > n.current.clientWidth ? n.current.setAttribute("title", f) : n.current.removeAttribute("title"));
-    };
-    if (a(), typeof ResizeObserver < "u" && n.current) {
-      const c = new ResizeObserver(a);
-      return c.observe(n.current), () => c.disconnect();
-    }
-  }, [f]);
-  const y = o(
-    (a) => {
-      var i;
-      if (t || u)
+  const { ref: w, title: x } = L(f), o = I(null), g = i(
+    (n) => {
+      var m;
+      if (t || a)
         return;
-      const c = a.target;
-      (i = m.current) != null && i.contains(c) || r == null || r(e);
+      const c = n.target;
+      (m = o.current) != null && m.contains(c) || s == null || s(e);
     },
-    [e, r, t, u]
-  ), R = o(
-    (a) => {
+    [e, s, t, a]
+  ), y = i(
+    (n) => {
       var c;
-      if (a.key === "Enter" && !t && !u) {
-        const i = a.target;
-        if ((c = m.current) != null && c.contains(i))
+      if (n.key === "Enter" && !t && !a) {
+        const m = n.target;
+        if ((c = o.current) != null && c.contains(m))
           return;
-        r == null || r(e);
+        s == null || s(e);
       }
     },
-    [e, r, t, u]
-  ), g = o(() => {
-    t || s == null || s(e, !0);
-  }, [e, s, t]), A = o(() => {
-    t || s == null || s(e, !1);
-  }, [e, s, t]), E = p("filter-item", b, {
-    selected: x,
+    [e, s, t, a]
+  ), E = i(() => {
+    t || r == null || r(e, !0);
+  }, [e, r, t]), R = i(() => {
+    t || r == null || r(e, !1);
+  }, [e, r, t]), j = p("filter-item", _, {
+    selected: N,
     disabled: t
-  }), z = p("caption-wrapper", w);
-  return /* @__PURE__ */ O(
+  }), A = p("caption-wrapper", b);
+  return /* @__PURE__ */ D(
     "div",
     {
-      className: E,
+      className: j,
       "data-filter-item-container": !0,
-      onClick: y,
-      onKeyDown: R,
-      onMouseEnter: g,
-      onMouseLeave: A,
+      onClick: g,
+      onKeyDown: y,
+      onMouseEnter: E,
+      onMouseLeave: R,
       role: "button",
       tabIndex: t ? -1 : 0,
       children: [
-        /* @__PURE__ */ l("div", { className: z, ref: n, children: f }),
-        /* @__PURE__ */ l("div", { ref: m, children: /* @__PURE__ */ l(
-          j,
+        /* @__PURE__ */ l("div", { className: A, ref: w, title: x, children: f }),
+        /* @__PURE__ */ l("div", { ref: o, children: /* @__PURE__ */ l(
+          M,
           {
-            items: h,
-            disabled: t || u,
+            items: u,
+            disabled: t || a,
             buttonClassName: p("actions-button"),
-            popoverClassName: N,
+            popoverClassName: h,
             placement: "bottom-start"
           }
         ) })
@@ -92,5 +85,5 @@ const D = "_disabled_1of31_29", I = "_selected_1of31_32", K = {
   );
 };
 export {
-  S as FilterItem
+  Y as FilterItem
 };

package/dist/filtersButton.js

@@ -1,25 +1,77 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { c as _ } from "./bind-06a7ff84.js";
-import { S as d, a as m } from "./filterOutline-819b4b0d.js";
-const u = "_opened_c1qju_22", h = {
-  "filters-icon-container": "_filters-icon-container_c1qju_1",
-  "filter-icon": "_filter-icon_c1qju_19",
-  opened: u,
-  "with-applied": "_with-applied_c1qju_28",
-  "filters-count": "_filters-count_c1qju_37"
-}, i = _.bind(h), x = f(
-  ({ appliedFiltersCount: n = 0, isOpen: s = !1, className: o, type: c = "button", ...r }, l) => {
-    const t = n > 0, a = i("filters-icon-container", o, {
-      "with-applied": t,
-      opened: s
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { c as S } from "./bind-06a7ff84.js";
+import { S as y } from "./clear-53660571.js";
+import { S as D, a as k } from "./filterOutline-819b4b0d.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { u as x } from "./useEllipsisTitle-462fa254.js";
+const F = "_opened_ntvuh_37", T = "_icon_ntvuh_98", j = "_disabled_ntvuh_115", E = {
+  "filters-icon-container": "_filters-icon-container_ntvuh_16",
+  "filter-icon": "_filter-icon_ntvuh_34",
+  opened: F,
+  "with-applied": "_with-applied_ntvuh_43",
+  "filters-count": "_filters-count_ntvuh_52",
+  "clear-wrapper": "_clear-wrapper_ntvuh_89",
+  icon: T,
+  "clear-icon": "_clear-icon_ntvuh_98",
+  disabled: j
+}, n = S.bind(E), q = g(
+  ({
+    appliedFiltersCount: l = 0,
+    isOpen: f = !1,
+    className: _,
+    type: d = "button",
+    text: r,
+    filtersLabelClassName: c,
+    clearable: u = !1,
+    onClear: i,
+    clearButtonAriaLabel: m = "Clear filters",
+    ...h
+  }, v) => {
+    const o = l > 0, s = r !== void 0 && r !== "", b = s ? r : o ? l : void 0, { ref: a, title: p } = x(b), w = n("filters-icon-container", _, {
+      "with-applied": o || s,
+      opened: f
     });
-    return /* @__PURE__ */ p("button", { type: c, className: a, ref: l, ...r, children: [
-      /* @__PURE__ */ e("span", { className: i("filter-icon"), children: t ? /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(m, {}) }),
-      t ? /* @__PURE__ */ e("span", { className: i("filters-count"), children: n }) : null
+    return /* @__PURE__ */ N("button", { type: d, className: w, ref: v, ...h, children: [
+      /* @__PURE__ */ e("span", { className: n("filter-icon"), children: o || s ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(k, {}) }),
+      s ? /* @__PURE__ */ e(
+        "span",
+        {
+          ref: a,
+          title: p,
+          className: n("filters-count", c),
+          children: r
+        }
+      ) : o ? /* @__PURE__ */ e(
+        "span",
+        {
+          ref: a,
+          title: p,
+          className: n("filters-count", c),
+          children: l
+        }
+      ) : null,
+      u && (o || s) && /* @__PURE__ */ e("div", { className: n("clear-wrapper"), children: /* @__PURE__ */ e(
+        "span",
+        {
+          role: "button",
+          tabIndex: 0,
+          "aria-label": m,
+          className: n("clear-icon"),
+          onClick: (t) => {
+            t.stopPropagation(), i == null || i();
+          },
+          onKeyDown: (t) => {
+            (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), i == null || i());
+          },
+          onMouseDown: (t) => t.preventDefault(),
+          children: /* @__PURE__ */ e(y, {})
+        }
+      ) })
     ] });
   }
 );
 export {
-  x as FiltersButton
+  q as FiltersButton
 };

package/dist/index.js

@@ -9,13 +9,13 @@ import { BulkPanel as J } from "./bulkPanel.js";
 import { B as _ } from "./button-97d9e587.js";
 import { C as W } from "./checkbox-493fdc63.js";
 import { Chip as j } from "./chip.js";
-import { D as K } from "./datePicker-412fb8e8.js";
+import { D as K } from "./datePicker-cde99de3.js";
 import "react-datepicker";
 import { D as Y } from "./dropdown-7d024c49.js";
 import { FieldLabel as $ } from "./fieldLabel.js";
 import { F as ro } from "./fieldNumber-d1b5a7a1.js";
 import { F as to } from "./fieldText-1749da7a.js";
-import { F as ao } from "./fieldTextFlex-2f51c173.js";
+import { F as no } from "./fieldTextFlex-2f51c173.js";
 import { FileDropArea as mo } from "./fileDropArea.js";
 import { FiltersButton as co } from "./filtersButton.js";
 import { FilterItem as Io } from "./filterItem.js";
@@ -23,7 +23,7 @@ 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 Fo } from "./pagination-4ded0ec6.js";
-import { Popover as To } from "./popover.js";
+import { Popover as Do } from "./popover.js";
 import { R as bo } from "./radio-62546efa.js";
 import { SegmentedControl as Bo } from "./segmentedControl.js";
 import { S as Mo } from "./selection-9124d029.js";
@@ -40,23 +40,24 @@ import "react";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { useTreeDropValidation as $o } from "./common/hooks.js";
-import { AddCsvIcon as rr, AddImageIcon as er, AddJarIcon as tr, BreadcrumbsTreeIcon as nr, CalendarIcon as ar, CheckmarkIcon as pr, ChevronRightBreadcrumbsIcon as mr, ConfigurationIcon as ir, CopyIcon as cr, CoverageFullIcon as sr, CoveragePartialIcon as Ir, CoveredManuallyIcon as lr, DeleteIcon as xr, DragAndDropIcon as fr, DragNDropIcon as dr, DurationIcon as ur, EditIcon as Sr, ExportIcon as Cr, FlagIcon as Pr, GroupByIcon as gr, HideIcon as Fr, LaunchTypeIcon as Dr, MaximizeIcon as Tr, MoveToFolderIcon as Ar, PinFilledIcon as br, PinOutlineIcon as yr, PriorityBlockerIcon as Br, PriorityCriticalIcon as hr, PriorityHighIcon as Mr, PriorityLowIcon as vr, PriorityMediumIcon as Lr, PriorityUnspecifiedIcon as wr, RefreshIcon as Er, RerunIcon as Rr, RunManualIcon as kr, SearchIcon as Or, SortIcon as Nr, StatusSuccessIcon as Ur, TestPlanIcon as zr, UserIcon as Hr } from "./icons.js";
-import { S as Vr, a as _r, b as Gr } from "./resizeColumn-46b5b30f.js";
-import { S as Xr } from "./calendarArrow-44c7e60e.js";
-import { S as qr } from "./chevronDownDropdown-0260bb66.js";
-import { S as Qr } from "./clear-53660571.js";
-import { S as Zr, a as $r } from "./openEye-950159cb.js";
-import { S as re } from "./close-4d480ef7.js";
-import { S as te, a as ne, b as ae, c as pe, d as me, e as ie, f as ce } from "./xls-995781cc.js";
-import { S as Ie } from "./dropdown-0260bb66.js";
-import { S as xe, a as fe, b as de } from "./success-8fd8bd2c.js";
-import { S as Se, a as Ce } from "./filterOutline-819b4b0d.js";
-import { S as ge } from "./meatballMenu-535635a9.js";
-import { S as De } from "./minus-2857540f.js";
-import { S as Ae } from "./plus-199fb2a8.js";
-import { S as ye, a as Be } from "./prevPage-87faf576.js";
-import { S as Me } from "./tree-e7a0ef42.js";
-import { S as Le } from "./warning-537ead32.js";
+import { u as rr } from "./useEllipsisTitle-462fa254.js";
+import { AddCsvIcon as tr, AddImageIcon as ar, AddJarIcon as nr, BreadcrumbsTreeIcon as pr, CalendarIcon as mr, CheckmarkIcon as ir, ChevronRightBreadcrumbsIcon as cr, ConfigurationIcon as sr, CopyIcon as Ir, CoverageFullIcon as lr, CoveragePartialIcon as xr, CoveredManuallyIcon as fr, DeleteIcon as dr, DragAndDropIcon as ur, DragNDropIcon as Sr, DurationIcon as Cr, EditIcon as Pr, ExportIcon as gr, FlagIcon as Fr, GroupByIcon as Tr, HideIcon as Dr, LaunchTypeIcon as Ar, MaximizeIcon as br, MoveToFolderIcon as yr, PinFilledIcon as Br, PinOutlineIcon as hr, PriorityBlockerIcon as Mr, PriorityCriticalIcon as vr, PriorityHighIcon as Lr, PriorityLowIcon as wr, PriorityMediumIcon as Er, PriorityUnspecifiedIcon as Rr, RefreshIcon as kr, RerunIcon as Or, RunManualIcon as Nr, SearchIcon as Ur, SortIcon as zr, StatusSuccessIcon as Hr, TestPlanIcon as Jr, UserIcon as Vr } from "./icons.js";
+import { S as Gr, a as Wr, b as Xr } from "./resizeColumn-46b5b30f.js";
+import { S as qr } from "./calendarArrow-44c7e60e.js";
+import { S as Qr } from "./chevronDownDropdown-0260bb66.js";
+import { S as Zr } from "./clear-53660571.js";
+import { S as oe, a as re } from "./openEye-950159cb.js";
+import { S as te } from "./close-4d480ef7.js";
+import { S as ne, a as pe, b as me, c as ie, d as ce, e as se, f as Ie } from "./xls-995781cc.js";
+import { S as xe } from "./dropdown-0260bb66.js";
+import { S as de, a as ue, b as Se } from "./success-8fd8bd2c.js";
+import { S as Pe, a as ge } from "./filterOutline-819b4b0d.js";
+import { S as Te } from "./meatballMenu-535635a9.js";
+import { S as Ae } from "./minus-2857540f.js";
+import { S as ye } from "./plus-199fb2a8.js";
+import { S as he, a as Me } from "./prevPage-87faf576.js";
+import { S as Le } from "./tree-e7a0ef42.js";
+import { S as Ee } from "./warning-537ead32.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "./isEmpty-ccacb5ff.js";
@@ -82,113 +83,114 @@ export {
   h as ActionMenu,
   M as ActionMenuItem,
   y as AdaptiveTagList,
-  rr as AddCsvIcon,
-  er as AddImageIcon,
-  tr as AddJarIcon,
-  Vr as ArrowDownIcon,
-  _r as ArrowUpIcon,
+  tr as AddCsvIcon,
+  ar as AddImageIcon,
+  nr as AddJarIcon,
+  Gr as ArrowDownIcon,
+  Wr as ArrowUpIcon,
   E as AttachedFile,
   k as BaseIconButton,
   N as Breadcrumbs,
-  nr as BreadcrumbsTreeIcon,
+  pr as BreadcrumbsTreeIcon,
   z as BubblesLoader,
   J as BulkPanel,
   _ as Button,
-  Xr as CalendarArrowIcon,
-  ar as CalendarIcon,
+  qr as CalendarArrowIcon,
+  mr as CalendarIcon,
   W as Checkbox,
-  pr as CheckmarkIcon,
-  qr as ChevronDownDropdownIcon,
-  mr as ChevronRightBreadcrumbsIcon,
+  ir as CheckmarkIcon,
+  Qr as ChevronDownDropdownIcon,
+  cr as ChevronRightBreadcrumbsIcon,
   j as Chip,
-  Qr as ClearIcon,
-  Zr as CloseEyeIcon,
-  re as CloseIcon,
-  ir as ConfigurationIcon,
-  cr as CopyIcon,
-  sr as CoverageFullIcon,
-  Ir as CoveragePartialIcon,
-  lr as CoveredManuallyIcon,
-  te as CsvIcon,
+  Zr as ClearIcon,
+  oe as CloseEyeIcon,
+  te as CloseIcon,
+  sr as ConfigurationIcon,
+  Ir as CopyIcon,
+  lr as CoverageFullIcon,
+  xr as CoveragePartialIcon,
+  fr as CoveredManuallyIcon,
+  ne as CsvIcon,
   K as DatePicker,
-  xr as DeleteIcon,
-  fr as DragAndDropIcon,
+  dr as DeleteIcon,
+  ur as DragAndDropIcon,
   No as DragLayer,
-  dr as DragNDropIcon,
+  Sr as DragNDropIcon,
   Y as Dropdown,
-  Ie as DropdownIcon,
-  ur as DurationIcon,
-  Sr as EditIcon,
-  xe as ErrorIcon,
-  Cr as ExportIcon,
-  ne as ExternalLinkIcon,
+  xe as DropdownIcon,
+  Cr as DurationIcon,
+  Pr as EditIcon,
+  de as ErrorIcon,
+  gr as ExportIcon,
+  pe as ExternalLinkIcon,
   $ as FieldLabel,
   ro as FieldNumber,
   to as FieldText,
-  ao as FieldTextFlex,
+  no as FieldTextFlex,
   mo as FileDropArea,
-  ae as FileOtherIcon,
-  Se as FilterFilledIcon,
+  me as FileOtherIcon,
+  Pe as FilterFilledIcon,
   Io as FilterItem,
-  Ce as FilterOutlineIcon,
+  ge as FilterOutlineIcon,
   co as FiltersButton,
-  Pr as FlagIcon,
-  gr as GroupByIcon,
-  Fr as HideIcon,
-  pe as ImageIcon,
-  fe as InfoIcon,
+  Fr as FlagIcon,
+  Tr as GroupByIcon,
+  Dr as HideIcon,
+  ie as ImageIcon,
+  ue as InfoIcon,
   xo as IssueList,
-  me as JarIcon,
-  Dr as LaunchTypeIcon,
-  Tr as MaximizeIcon,
-  ge as MeatballMenuIcon,
-  De as MinusIcon,
+  ce as JarIcon,
+  Ar as LaunchTypeIcon,
+  br as MaximizeIcon,
+  Te as MeatballMenuIcon,
+  Ae as MinusIcon,
   uo as Modal,
-  Ar as MoveToFolderIcon,
+  yr as MoveToFolderIcon,
   Co as MultipleAutocomplete,
-  $r as OpenEyeIcon,
+  re as OpenEyeIcon,
   Fo as Pagination,
-  ie as PdfIcon,
-  br as PinFilledIcon,
-  yr as PinOutlineIcon,
-  Ae as PlusIcon,
-  To as Popover,
-  ye as PrevChapterIcon,
-  Be as PrevPageIcon,
-  Br as PriorityBlockerIcon,
-  hr as PriorityCriticalIcon,
-  Mr as PriorityHighIcon,
-  vr as PriorityLowIcon,
-  Lr as PriorityMediumIcon,
-  wr as PriorityUnspecifiedIcon,
+  se as PdfIcon,
+  Br as PinFilledIcon,
+  hr as PinOutlineIcon,
+  ye as PlusIcon,
+  Do as Popover,
+  he as PrevChapterIcon,
+  Me as PrevPageIcon,
+  Mr as PriorityBlockerIcon,
+  vr as PriorityCriticalIcon,
+  Lr as PriorityHighIcon,
+  wr as PriorityLowIcon,
+  Er as PriorityMediumIcon,
+  Rr as PriorityUnspecifiedIcon,
   bo as Radio,
-  Er as RefreshIcon,
-  Rr as RerunIcon,
-  Gr as ResizeColumnIcon,
-  kr as RunManualIcon,
-  Or as SearchIcon,
+  kr as RefreshIcon,
+  Or as RerunIcon,
+  Xr as ResizeColumnIcon,
+  Nr as RunManualIcon,
+  Ur as SearchIcon,
   Bo as SegmentedControl,
   Mo as Selection,
   Yo as SidePanel,
   Po as SingleAutocomplete,
-  Nr as SortIcon,
+  zr as SortIcon,
   Uo as SortableItem,
   zo as SortableList,
   Lo as SpinLoader,
-  Ur as StatusSuccessIcon,
-  de as SuccessIcon,
+  Hr as StatusSuccessIcon,
+  Se as SuccessIcon,
   Eo as SystemAlert,
   ko as SystemMessage,
   _o as Table,
-  zr as TestPlanIcon,
+  Jr as TestPlanIcon,
   Wo as ThemeProvider,
   jo as Toggle,
   Ko as Tooltip,
-  Me as TreeIcon,
+  Le as TreeIcon,
   Ho as TreeSortableContainer,
   Jo as TreeSortableItem,
-  Hr as UserIcon,
-  Le as WarningIcon,
-  ce as XlsIcon,
+  Vr as UserIcon,
+  Ee as WarningIcon,
+  Ie as XlsIcon,
+  rr as useEllipsisTitle,
   $o as useTreeDropValidation
 };