@reportportal/ui-kit 0.0.1-alpha.145 → 0.0.1-alpha.147

package/dist/adaptiveTagList.js

@@ -1,69 +1,69 @@
-import { jsx as l, jsxs as g, Fragment as M } from "react/jsx-runtime";
-import { useRef as Z, useState as v, useCallback as m, useMemo as h, useEffect as S } from "react";
+import { jsx as l, jsxs as g, Fragment as W } from "react/jsx-runtime";
+import { useRef as Z, useState as N, useCallback as m, useMemo as h, useEffect as S } from "react";
 import { c as A } from "./bind-06a7ff84.js";
-import { B as P } from "./button-97d9e587.js";
+import { B as M } from "./button-97d9e587.js";
 import { S as V } from "./close-4d480ef7.js";
 import { i as tt } from "./isEmpty-ccacb5ff.js";
 const et = 3, st = 22, nt = 8, it = 0, at = 100, ot = 20, lt = {
-  "tag-list-wrapper": "_tag-list-wrapper_1yg21_16",
-  "tag-list-wrapper--show-all-view": "_tag-list-wrapper--show-all-view_1yg21_19",
-  "tag-list": "_tag-list_1yg21_16",
-  "tag-list--full-width": "_tag-list--full-width_1yg21_31",
-  "tag-list--show-all-view": "_tag-list--show-all-view_1yg21_34",
-  "tag-list--expanded": "_tag-list--expanded_1yg21_40",
-  "tag-list--no-tags": "_tag-list--no-tags_1yg21_45",
-  "tag-list__item": "_tag-list__item_1yg21_49",
-  "tag-list__item-title": "_tag-list__item-title_1yg21_78",
-  "tag-list__item--is-editable": "_tag-list__item--is-editable_1yg21_93",
-  "tag-list__item-remove": "_tag-list__item-remove_1yg21_99",
-  "tag-list__item--count": "_tag-list__item--count_1yg21_123",
-  "tag-list__item--button-show-all-view": "_tag-list__item--button-show-all-view_1yg21_137",
-  "tag-list__item--button-wrapper": "_tag-list__item--button-wrapper_1yg21_141",
-  "no-tags-message": "_no-tags-message_1yg21_158"
-}, a = A.bind(lt), pt = ({
+  "tag-list-wrapper": "_tag-list-wrapper_fcsvj_16",
+  "tag-list-wrapper--show-all-view": "_tag-list-wrapper--show-all-view_fcsvj_19",
+  "tag-list": "_tag-list_fcsvj_16",
+  "tag-list--full-width": "_tag-list--full-width_fcsvj_31",
+  "tag-list--show-all-view": "_tag-list--show-all-view_fcsvj_34",
+  "tag-list--expanded": "_tag-list--expanded_fcsvj_40",
+  "tag-list--no-tags": "_tag-list--no-tags_fcsvj_45",
+  "tag-list__item": "_tag-list__item_fcsvj_49",
+  "tag-list__item-title": "_tag-list__item-title_fcsvj_78",
+  "tag-list__item--is-editable": "_tag-list__item--is-editable_fcsvj_93",
+  "tag-list__item-remove": "_tag-list__item-remove_fcsvj_99",
+  "tag-list__item--count": "_tag-list__item--count_fcsvj_126",
+  "tag-list__item--button-show-all-view": "_tag-list__item--button-show-all-view_fcsvj_140",
+  "tag-list__item--button-wrapper": "_tag-list__item--button-wrapper_fcsvj_144",
+  "no-tags-message": "_no-tags-message_fcsvj_161"
+}, a = A.bind(lt), ft = ({
   tags: C,
   isShowAllView: e = !1,
   defaultVisibleLines: s = et,
-  onRemoveTag: c,
-  noTagsMessage: R = "No tags added",
+  onRemoveTag: r,
+  noTagsMessage: P = "No tags added",
   showAllText: I = "Show all",
   hideAllText: H = "Hide all",
   showLessText: O = "Show less"
 }) => {
-  const d = Z(null), [E, b] = v(0), [o, $] = v(!1), [j, w] = v(/* @__PURE__ */ new Set()), [B, Y] = v(!1), U = m(
+  const d = Z(null), [v, b] = N(0), [o, R] = N(!1), [$, w] = N(/* @__PURE__ */ new Set()), [B, Y] = N(!1), U = m(
     (t, n) => {
-      t.stopPropagation(), c == null || c(n);
+      t.stopPropagation(), r == null || r(n);
     },
-    [c]
-  ), k = m(() => {
+    [r]
+  ), y = m(() => {
     const t = d.current, n = /* @__PURE__ */ new Set();
     if (!t)
       return;
     const i = [...t.children].filter(
-      (r) => !r.classList.contains("tag-list__item--button")
+      (c) => !c.classList.contains("tag-list__item--button")
     );
     if (i.length === 0)
       return;
-    const p = i[0].offsetTop, x = t.getBoundingClientRect().right;
-    let u = 0;
-    i.forEach((r, f) => {
-      const T = r.getBoundingClientRect(), Q = r.offsetTop !== p, X = T.right > x;
-      (Q || X) && (n.add(f), u += 1);
-    }), w(n), b(u);
-  }, []), D = m(() => {
+    const f = i[0].offsetTop, T = t.getBoundingClientRect().right;
+    let p = 0;
+    i.forEach((c, u) => {
+      const j = c.getBoundingClientRect(), Q = c.offsetTop !== f, X = j.right > T;
+      (Q || X) && (n.add(u), p += 1);
+    }), w(n), b(p);
+  }, []), k = m(() => {
     const t = d.current, n = /* @__PURE__ */ new Set();
     if (!t || !s)
       return;
     const i = [...t.children].filter(
-      (f) => !f.classList.contains("tag-list__item--button")
+      (u) => !u.classList.contains("tag-list__item--button")
     );
     if (i.length === 0)
       return;
-    const p = i[0].offsetTop, _ = i[0].offsetHeight, x = p + _ * (s - 1);
-    let u = 0, r = !1;
-    i.forEach((f, T) => {
-      f.offsetTop > x + ot && (n.add(T), u += 1, r = !0);
-    }), w(n), b(u), Y(r);
+    const f = i[0].offsetTop, _ = i[0].offsetHeight, T = f + _ * (s - 1);
+    let p = 0, c = !1;
+    i.forEach((u, j) => {
+      u.offsetTop > T + ot && (n.add(j), p += 1, c = !0);
+    }), w(n), b(p), Y(c);
   }, [s]), q = h(() => e && s && !o ? {
     maxHeight: `${st * s + nt * (s - 1)}px`,
     overflow: "hidden"
@@ -72,51 +72,51 @@ const et = 3, st = 22, nt = 8, it = 0, at = 100, ot = 20, lt = {
     if (!d.current)
       return;
     const i = setTimeout(() => {
-      e && s ? D() : k();
+      e && s ? k() : y();
     }, e && s ? it : at);
     return () => clearTimeout(i);
   }, [
     d,
     e,
     s,
+    y,
     k,
-    D,
-    E
+    v
   ]);
-  const N = m(() => {
-    $((t) => !t);
+  const x = m(() => {
+    R((t) => !t);
   }, []), z = (t) => {
-    t.stopPropagation(), N();
-  }, y = m(
+    t.stopPropagation(), x();
+  }, E = m(
     (t) => {
-      t.stopPropagation(), N();
+      t.stopPropagation(), x();
     },
-    [N]
-  ), J = h(() => E > 0 && !o, [E, o]), F = h(
+    [x]
+  ), J = h(() => v > 0 && !o, [v, o]), D = h(
     () => e && s && B && !o,
     [e, s, B, o]
-  ), G = h(() => /* @__PURE__ */ l("div", { className: a("tag-list__item--button-wrapper"), children: /* @__PURE__ */ l(
-    P,
+  ), F = h(() => /* @__PURE__ */ l("div", { className: a("tag-list__item--button-wrapper"), children: /* @__PURE__ */ l(
+    M,
     {
       className: a("tag-list__item--button", "tag-list__item--button-show-all-view"),
-      onClick: y,
+      onClick: E,
       variant: "text",
       children: I
     }
-  ) }), [y, I]), W = h(() => /* @__PURE__ */ l("div", { className: a({ "tag-list__item--button-wrapper": e }), children: /* @__PURE__ */ l(
-    P,
+  ) }), [E, I]), G = h(() => /* @__PURE__ */ l("div", { className: a({ "tag-list__item--button-wrapper": e }), children: /* @__PURE__ */ l(
+    M,
     {
       className: a("tag-list__item--button", {
         "tag-list__item--button-show-all-view": e && s
       }),
-      onClick: y,
+      onClick: E,
       variant: "text",
       children: e && s ? H : O
     }
-  ) }), [y, e, s, H, O]), K = m((t, n) => {
+  ) }), [E, e, s, H, O]), K = m((t, n) => {
     t && (t.scrollWidth > t.clientWidth ? t.setAttribute("title", n) : t.removeAttribute("title"));
   }, []);
-  return tt(C) ? /* @__PURE__ */ l("div", { className: a("tag-list-wrapper"), children: /* @__PURE__ */ l("div", { className: a("tag-list", "tag-list--no-tags", "tag-list--full-width"), children: /* @__PURE__ */ l("div", { className: a("no-tags-message"), children: R }) }) }) : /* @__PURE__ */ g("div", { className: a("tag-list-wrapper", { "tag-list-wrapper--show-all-view": e }), children: [
+  return tt(C) ? /* @__PURE__ */ l("div", { className: a("tag-list-wrapper"), children: /* @__PURE__ */ l("div", { className: a("tag-list", "tag-list--no-tags", "tag-list--full-width"), children: /* @__PURE__ */ l("div", { className: a("no-tags-message"), children: P }) }) }) : /* @__PURE__ */ g("div", { className: a("tag-list-wrapper", { "tag-list-wrapper--show-all-view": e }), children: [
     /* @__PURE__ */ g(
       "div",
       {
@@ -128,13 +128,13 @@ const et = 3, st = 22, nt = 8, it = 0, at = 100, ot = 20, lt = {
         ref: d,
         children: [
           C.map((t, n) => {
-            const i = !o && j.has(n), p = !e && i;
+            const i = !o && $.has(n), f = !e && i;
             return /* @__PURE__ */ g(
               "div",
               {
-                className: a("tag-list__item", { "tag-list__item--is-editable": !!c }),
+                className: a("tag-list__item", { "tag-list__item--is-editable": !!r }),
                 style: {
-                  display: p ? "none" : "flex"
+                  display: f ? "none" : "flex"
                 },
                 children: [
                   /* @__PURE__ */ l(
@@ -145,7 +145,7 @@ const et = 3, st = 22, nt = 8, it = 0, at = 100, ot = 20, lt = {
                       children: t
                     }
                   ),
-                  c && /* @__PURE__ */ l(
+                  r && /* @__PURE__ */ l(
                     "button",
                     {
                       type: "button",
@@ -159,16 +159,16 @@ const et = 3, st = 22, nt = 8, it = 0, at = 100, ot = 20, lt = {
               `${n}-${t}`
             );
           }),
-          !e && /* @__PURE__ */ g(M, { children: [
-            o && W,
-            F && G
+          !e && /* @__PURE__ */ g(W, { children: [
+            o && G,
+            D && F
           ] })
         ]
       }
     ),
-    e && /* @__PURE__ */ g(M, { children: [
-      o && W,
-      F && G
+    e && /* @__PURE__ */ g(W, { children: [
+      o && G,
+      D && F
     ] }),
     J && !e ? /* @__PURE__ */ g(
       "button",
@@ -178,12 +178,12 @@ const et = 3, st = 22, nt = 8, it = 0, at = 100, ot = 20, lt = {
         onClick: z,
         children: [
           "+",
-          E
+          v
         ]
       }
     ) : null
   ] });
 };
 export {
-  pt as AdaptiveTagList
+  ft as AdaptiveTagList
 };

package/dist/components/dropdown/constants.d.ts

@@ -6,6 +6,6 @@ export declare enum EventName {
     ON_KEY_DOWN = "onKeyDown",
     ON_CLICK = "onClick"
 }
-export declare const SCROLLBARS_AUTO_HEIGHT_MAX = 216;
+export declare const SCROLLBARS_AUTO_HEIGHT_MAX = 240;
 export declare const DROPDOWN_PORTAL_MENU_ATTR = "data-dropdown-portal-menu";
 export declare const DEFAULT_VISIBLE_TAG_LINES = 10;

package/dist/components/dropdown/dropdown.d.ts

@@ -53,5 +53,7 @@ export interface DropdownProps {
     menuPortalRoot?: Element;
     /** Whether to render selected values as tags using AdaptiveTagList (only for multiSelect mode) */
     isMultiSelectWithTags?: boolean;
+    /** Message to display when no options match the search term */
+    noMatchesMessage?: string;
 }
 export declare const Dropdown: FC<DropdownProps>;

package/dist/{datePicker-f8e0df24.js → datePicker-eaf5d130.js}

@@ -3,7 +3,7 @@ import B from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as D } from "react";
 import { F as I } from "./fieldText-1749da7a.js";
-import { D as E } from "./dropdown-893c692c.js";
+import { D as E } from "./dropdown-798def53.js";
 import { S as T } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as j } from "react-datepicker";
 const ie = (n, s) => {

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-f8e0df24.js";
-import { r as E } from "./datePicker-f8e0df24.js";
+import { D as t } from "./datePicker-eaf5d130.js";
+import { r as E } from "./datePicker-eaf5d130.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
@@ -11,7 +11,7 @@ import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-893c692c.js";
+import "./dropdown-798def53.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";