@reportportal/ui-kit 0.0.1-alpha.171 → 0.0.1-alpha.173

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { D as r } from "./dropdown-7d024c49.js";
-import { a as n } from "./dropdown-7d024c49.js";
+import { D as r } from "./dropdown-e853293f.js";
+import { a as E } from "./dropdown-e853293f.js";
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
@@ -16,9 +16,12 @@ import "./adaptiveTagList.js";
 import "./button-97d9e587.js";
 import "./close-4d480ef7.js";
 import "./isEmpty-ccacb5ff.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "./useEllipsisTitle-462fa254.js";
 import "./checkbox-493fdc63.js";
 export {
-  n as DROPDOWN_PORTAL_MENU_ATTR,
+  E as DROPDOWN_PORTAL_MENU_ATTR,
   r as Dropdown,
   r as default
 };

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-cde99de3.js";
+import { D as K } from "./datePicker-76a82d23.js";
 import "react-datepicker";
-import { D as Y } from "./dropdown-7d024c49.js";
+import { D as Y } from "./dropdown-e853293f.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
 };

package/dist/modal.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as r, Fragment as F } from "react/jsx-runtime";
+import { jsx as o, jsxs as c, Fragment as F } from "react/jsx-runtime";
 import { useState as v, useRef as G, useEffect as x, useMemo as K } from "react";
 import { Scrollbars as U } from "rc-scrollbars";
 import { AnimatePresence as Y, motion as X } from "framer-motion";
@@ -7,7 +7,7 @@ import { u as q } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as J } from "./useWindowResize-a7e1ac92.js";
-import { a as Q } from "./dropdown-7d024c49.js";
+import { a as Q } from "./dropdown-e853293f.js";
 import { K as V } from "./keyCodes-f63c0e11.js";
 import { B as A } from "./button-97d9e587.js";
 import { Tooltip as Z } from "./tooltip.js";
@@ -21,6 +21,7 @@ import "./dropdown-0260bb66.js";
 import "./fieldLabel.js";
 import "./adaptiveTagList.js";
 import "./isEmpty-ccacb5ff.js";
+import "./useEllipsisTitle-462fa254.js";
 import "./checkbox-493fdc63.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
@@ -43,9 +44,9 @@ const eo = {
     const m = /* @__PURE__ */ o(A, { adjustWidthOn: l === "small" ? "parent" : "min-width", ...d });
     return u ? /* @__PURE__ */ o(Z, { content: u, placement: "top", width: 270, children: m }) : m;
   };
-  return /* @__PURE__ */ r("div", { className: h("modal-footer", { "with-extra-node": e, [`size-${l}`]: l }), children: [
+  return /* @__PURE__ */ c("div", { className: h("modal-footer", { "with-extra-node": e, [`size-${l}`]: l }), children: [
     e && e,
-    /* @__PURE__ */ r("div", { className: h("buttons-block"), children: [
+    /* @__PURE__ */ c("div", { className: h("buttons-block"), children: [
       p && /* @__PURE__ */ o("div", { className: h("button-container"), children: /* @__PURE__ */ o(
         A,
         {
@@ -64,22 +65,22 @@ const eo = {
   "modal-header-content": "_modal-header-content_w4aaf_14",
   "modal-title": "_modal-title_w4aaf_20",
   "close-modal-icon": "_close-modal-icon_w4aaf_29"
-}, f = w.bind(so), io = ({ title: e, onClose: n, withDescription: a = !1 }) => /* @__PURE__ */ r("div", { className: f("modal-header", { "width-description": a }), children: [
+}, f = w.bind(so), io = ({ title: e, onClose: n, withDescription: a = !1 }) => /* @__PURE__ */ c("div", { className: f("modal-header", { "width-description": a }), children: [
   /* @__PURE__ */ o("div", { className: f("modal-header-content"), children: e && /* @__PURE__ */ o("div", { className: f("modal-title"), children: e }) }),
   /* @__PURE__ */ o(oo, { className: f("close-modal-icon"), onClick: n, children: /* @__PURE__ */ o(to, {}) })
-] }), co = "_modal_35896_1", ro = "_description_35896_43", mo = {
-  modal: co,
+] }), ro = "_modal_35896_1", co = "_description_35896_43", mo = {
+  modal: ro,
   "overlay-default": "_overlay-default_35896_12",
   "overlay-light-cyan": "_overlay-light-cyan_35896_16",
   "scrolling-content": "_scrolling-content_35896_20",
   "modal-window": "_modal-window_35896_26",
-  description: ro,
+  description: co,
   "scrollable-wrapper": "_scrollable-wrapper_35896_54",
   "scrollable-content": "_scrollable-content_35896_58",
   "size-default": "_size-default_35896_62",
   "size-small": "_size-small_35896_74",
   "size-large": "_size-large_35896_86"
-}, c = w.bind(mo), _o = 0.9, po = 32 + 24, uo = 32 + 8, ho = 36 + 16, fo = 32 * 2, Fo = ({
+}, r = w.bind(mo), _o = 0.9, po = 32 + 24, uo = 32 + 8, ho = 36 + 16, fo = 32 * 2, Go = ({
   title: e,
   children: n,
   footerNode: a,
@@ -121,10 +122,10 @@ const eo = {
     }),
     []
   );
-  return q(i, C ? _ : void 0, B), /* @__PURE__ */ o(Y, { onExitComplete: g, children: I && /* @__PURE__ */ o("div", { className: c("modal", { [`overlay-${m}`]: m }), style: { zIndex: D }, children: /* @__PURE__ */ r(
+  return q(i, C ? _ : void 0, B), /* @__PURE__ */ o(Y, { onExitComplete: g, children: I && /* @__PURE__ */ o("div", { className: r("modal", { [`overlay-${m}`]: m }), style: { zIndex: D }, children: /* @__PURE__ */ c(
     X.div,
     {
-      className: c("modal-window", { [`size-${d}`]: d }, u),
+      className: r("modal-window", { [`size-${d}`]: d }, u),
       ref: i,
       tabIndex: 0,
       initial: { opacity: 0, marginTop: -b },
@@ -134,19 +135,19 @@ const eo = {
       onAnimationStart: W,
       children: [
         /* @__PURE__ */ o(io, { title: e, onClose: _, withDescription: !!s }),
-        k ? /* @__PURE__ */ o("div", { className: c("scrollable-wrapper"), children: /* @__PURE__ */ o(
+        k ? /* @__PURE__ */ o("div", { className: r("scrollable-wrapper"), children: /* @__PURE__ */ o(
           U,
           {
             autoHeight: !0,
             autoHeightMax: P(),
             hideTracksWhenNotNeeded: !0,
-            children: /* @__PURE__ */ r("div", { className: c("scrollable-content"), children: [
-              s && /* @__PURE__ */ o("span", { className: c("description"), children: s }),
+            children: /* @__PURE__ */ c("div", { className: r("scrollable-content"), children: [
+              s && /* @__PURE__ */ o("span", { className: r("description"), children: s }),
               /* @__PURE__ */ o(T, { children: n })
             ] })
           }
-        ) }) : /* @__PURE__ */ r(F, { children: [
-          s && /* @__PURE__ */ o("span", { className: c("description"), children: s }),
+        ) }) : /* @__PURE__ */ c(F, { children: [
+          s && /* @__PURE__ */ o("span", { className: r("description"), children: s }),
           /* @__PURE__ */ o(T, { children: n })
         ] }),
         !y && (N ? N(_) : /* @__PURE__ */ o(
@@ -165,7 +166,7 @@ const eo = {
   ) }) });
 };
 export {
-  Fo as Modal,
+  Go as Modal,
   T as ModalContent,
   lo as ModalFooter,
   io as ModalHeader