@reportportal/ui-kit 0.0.1-alpha.144 → 0.0.1-alpha.146

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/autocompletes.js

@@ -36,8 +36,8 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   error: d = !1,
   editItem: v,
   editable: p = !1,
-  getAdditionalCreationCondition: g = () => !0,
-  storedOption: N = !0,
+  getAdditionalCreationCondition: y = () => !0,
+  storedOption: g = !0,
   highlightUnStoredItem: f = !1,
   variant: k = "light",
   getItemName: x,
@@ -45,12 +45,12 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   className: R,
   textClassName: I
 }) => {
-  const [y, b] = re(!1), [C, B] = re(""), [l, a] = re(!1), s = xe(null), i = () => {
-    !c && p && !N && (B((x == null ? void 0 : x(t)) || (n == null ? void 0 : n(t)) || ""), b(!0));
+  const [w, b] = re(!1), [C, B] = re(""), [l, a] = re(!1), s = xe(null), i = () => {
+    !c && p && !g && (B((x == null ? void 0 : x(t)) || (n == null ? void 0 : n(t)) || ""), b(!0));
   }, _ = (S) => {
     B(S.target.value);
   }, O = (S) => {
-    const j = g(C);
+    const j = y(C);
     S.key === "Enter" && j && (v(t, C), b(!1), B(""));
   }, H = () => {
     b(!1), B("");
@@ -82,11 +82,11 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       [`validation-${d}`]: d,
       disabled: c,
       "mobile-disabled": r,
-      "highlight-un-stored-item": f && !N
+      "highlight-un-stored-item": f && !g
     },
     R
   );
-  return y ? /* @__PURE__ */ o(
+  return w ? /* @__PURE__ */ o(
     "input",
     {
       autoFocus: !0,
@@ -129,8 +129,8 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   renderCustomSelectedItem: d,
   selectedItemSingleLine: v,
   selectedItemClassName: p,
-  selectedItemTextClassName: g,
-  ...N
+  selectedItemTextClassName: y,
+  ...g
 }) => t.map((f) => d ? d(f) : /* @__PURE__ */ o(
   Xe,
   {
@@ -141,8 +141,8 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     highlightUnStoredItem: n,
     singleLine: v,
     className: p,
-    textClassName: g,
-    ...N
+    textClassName: y,
+    ...g
   },
   e == null ? void 0 : e(f)
 )), Je = "_prompt_1xfmd_16", Qe = {
@@ -168,7 +168,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   newItemButtonText: v = "",
   ...p
 }) => {
-  const g = () => v || (d === "key-variant" ? "New key" : "New value");
+  const y = () => v || (d === "key-variant" ? "New key" : "New value");
   return c ? /* @__PURE__ */ $(ce, { children: [
     /* @__PURE__ */ o("div", { className: ee("divider") }),
     /* @__PURE__ */ $(
@@ -189,7 +189,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
               className: ee({ "button-active": t }),
               icon: /* @__PURE__ */ o(je, {}),
               variant: "text",
-              children: g()
+              children: y()
             }
           )
         ]
@@ -219,8 +219,8 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     createWithoutConfirmation: d,
     customEmptyListMessage: v,
     customNoMatchesMessage: p,
-    optionVariant: g,
-    newItemButtonText: N,
+    optionVariant: y,
+    newItemButtonText: g,
     renderOption: f,
     getUniqKey: k,
     getItemProps: x,
@@ -229,16 +229,16 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     (s, i, _ = !1) => f ? f(s, i, _, x) : /* @__PURE__ */ o(
       ye,
       {
-        optionVariant: g,
+        optionVariant: y,
         ...x({ item: s, index: i }),
         isNew: _,
-        newItemButtonText: N,
+        newItemButtonText: g,
         children: u(s)
       },
       (k == null ? void 0 : k(s)) || u(s)
     ),
-    [x, k, N, g, u, f]
-  ), y = V(
+    [x, k, g, y, u, f]
+  ), w = V(
     (s) => s.length ? s.map((i, _) => I(i, _)) : "",
     [I]
   ), b = V(
@@ -247,15 +247,16 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       return /* @__PURE__ */ o("div", { className: _e({ container: !i }), children: /* @__PURE__ */ o(
         ye,
         {
-          optionVariant: g,
+          optionVariant: y,
           isNew: !0,
+          newItemButtonText: g,
           ...x({ item: r, index: i }),
           children: u(r)
         },
         u(r)
       ) });
     },
-    [x, r, g, u]
+    [x, r, g, y, u]
   ), C = V(
     (s) => n ? /* @__PURE__ */ $(ce, { children: [
       /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ o(Pe, {}) }),
@@ -267,7 +268,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     return /* @__PURE__ */ o("div", { className: _e("empty-list-message"), children: s });
   }, [v, p, e == null ? void 0 : e.length]), l = c ? e : R(), a = C(e);
   return a || /* @__PURE__ */ $("div", { className: _e({ container: e.length }), children: [
-    /* @__PURE__ */ o($e, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: he(l) ? B() : y(l) }),
+    /* @__PURE__ */ o($e, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: he(l) ? B() : w(l) }),
     !d && b(l)
   ] });
 }, it = "_menu_f64z5_16", dt = "_opened_f64z5_34", ut = "_dark_f64z5_37", mt = {
@@ -311,8 +312,8 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   children: d,
   customizeNewSelectedValue: v = (f) => f,
   getOptionUniqKey: p,
-  getOptionUniqKeyValue: g,
-  ...N
+  getOptionUniqKeyValue: y,
+  ...g
 }) => {
   const [f, k] = re(n), x = (l, a) => {
     const s = {
@@ -337,23 +338,23 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   }, I = (l, a) => {
     const s = c.indexOf(l), i = [...c];
     i.splice(s, 1, a), e == null || e(i, null);
-  }, y = (l, a) => {
+  }, w = (l, a) => {
     const s = c.filter((_) => !ae(_, l));
     e == null || e(s, a), u(l, (_) => r == null ? void 0 : r(s, _));
   }, b = (l, a) => {
     l && R(l, a);
   }, C = (l) => ({
-    removeItem: y,
+    removeItem: w,
     editItem: I,
     handleChange: e,
-    getOptionUniqKeyValue: g,
+    getOptionUniqKeyValue: y,
     storedItemsMap: f,
     ...l
   });
   return /* @__PURE__ */ o(
     le,
     {
-      ...N,
+      ...g,
       stateReducer: (l, a) => {
         switch (a.type) {
           case le.stateChangeTypes.keyDownEnter:
@@ -398,8 +399,8 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     placeholder: d = "",
     error: v = "",
     touched: p = !1,
-    creatable: g = !1,
-    editable: N = !1,
+    creatable: y = !1,
+    editable: g = !1,
     onChange: f = () => {
     },
     onFocus: k = () => {
@@ -409,7 +410,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     disabled: u = !1,
     isDropdownMode: R = !1,
     mobileDisabled: I = !1,
-    inputProps: y = {},
+    inputProps: w = {},
     parseValueToString: b = (h) => h == null ? "" : String(h),
     maxLength: C = null,
     async: B = !1,
@@ -441,33 +442,33 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
   ke(() => {
     i();
   }, [i, n]);
-  const oe = (h, w) => {
-    f(h, w);
-  }, ue = (h, w, E) => ({ item: m, index: q, ...A }) => h({
+  const oe = (h, N) => {
+    f(h, N);
+  }, ue = (h, N, E) => ({ item: m, index: q, ...A }) => h({
     item: m,
     index: q,
     isSelected: E.some((U) => ae(U, m)),
     ...A,
-    isActive: w === q
+    isActive: N === q
   }), me = ({
     event: h,
-    removeItem: w,
+    removeItem: N,
     inputValue: E
   }) => {
-    h.key === "Backspace" && !E && n.length && w(n[n.length - 1], null);
+    h.key === "Backspace" && !E && n.length && N(n[n.length - 1], null);
   }, Y = ({
     inputValue: h,
-    selectItem: w,
+    selectItem: N,
     clearSelection: E
   }) => {
     if (H) {
       const m = H(h);
-      (m.length ? m : [h]).forEach((A) => w(A)), E();
+      (m.length ? m : [h]).forEach((A) => N(A)), E();
     } else
-      w(h), E();
-  }, fe = (h) => (w) => {
-    h(w, null), z.current && z.current.focus();
-  }, pe = e.filter((h) => n.every((w) => !ae(w, h)));
+      N(h), E();
+  }, fe = (h) => (N) => {
+    h(N, null), z.current && z.current.focus();
+  }, pe = e.filter((h) => n.every((N) => !ae(N, h)));
   return /* @__PURE__ */ o(
     ht,
     {
@@ -481,7 +482,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
       customizeNewSelectedValue: te,
       children: ({
         getInputProps: h,
-        getItemProps: w,
+        getItemProps: N,
         isOpen: E,
         inputValue: m = "",
         highlightedIndex: q,
@@ -529,7 +530,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                             getItemValidationErrorType: s,
                             renderCustomSelectedItem: S,
                             editItem: U,
-                            editable: N,
+                            editable: g,
                             getAdditionalCreationCondition: _,
                             storedItemsMap: De,
                             highlightUnStoredItem: O,
@@ -549,21 +550,21 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                                 R && se(), k();
                               },
                               onKeyDown: (F) => {
-                                F.key === Re && m && g && _(m) && Y({
+                                F.key === Re && m && y && _(m) && Y({
                                   inputValue: m,
                                   selectItem: be,
                                   clearSelection: ve
                                 }), me({ event: F, removeItem: A, inputValue: m });
                               },
                               onBlur: () => {
-                                x(), m && g && _(m) && Y({
+                                x(), m && y && _(m) && Y({
                                   inputValue: m,
                                   selectItem: be,
                                   clearSelection: ve
                                 });
                               },
                               disabled: u,
-                              ...y
+                              ...w
                             }),
                             className: X("input", { disabled: u }),
                             "data-automation-id": W
@@ -572,14 +573,14 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                       ]
                     }
                   ),
-                  (y == null ? void 0 : y.clearable) && !he(n) && /* @__PURE__ */ o(
+                  (w == null ? void 0 : w.clearable) && !he(n) && /* @__PURE__ */ o(
                     "button",
                     {
                       type: "button",
                       className: X("clear-icon", { "clear-icon--disabled": u }),
                       onClick: () => {
                         var F;
-                        return !u && ((F = y == null ? void 0 : y.onClear) == null ? void 0 : F.call(y));
+                        return !u && ((F = w == null ? void 0 : w.onClear) == null ? void 0 : F.call(w));
                       },
                       onMouseDown: (F) => F.preventDefault(),
                       children: /* @__PURE__ */ o(We, {})
@@ -612,7 +613,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
               isDropdownMode: R,
               style: ie,
               inputValue: qe.trim(),
-              getItemProps: ue(w, q, n),
+              getItemProps: ue(N, q, n),
               parseValueToString: b,
               createWithoutConfirmation: a,
               options: pe,
@@ -640,15 +641,15 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     onBlur: v = () => {
     },
     disabled: p = !1,
-    inputProps: g = {},
-    parseValueToString: N = (D) => D === null ? "" : String(D),
+    inputProps: y = {},
+    parseValueToString: g = (D) => D === null ? "" : String(D),
     minLength: f = 1,
     skipOptionCreation: k = !1,
     maxLength: x = null,
     optionVariant: u = "",
     isRequired: R = !1,
     error: I = "",
-    touched: y = !1,
+    touched: w = !1,
     setTouch: b = () => {
     },
     createWithoutConfirmation: C = !1,
@@ -679,7 +680,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
     le,
     {
       onChange: n,
-      itemToString: N,
+      itemToString: g,
       selectedItem: c,
       onStateChange: O,
       defaultHighlightedIndex: It,
@@ -699,7 +700,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
         const oe = de(void 0, { suppressRefError: !0 }), ue = {
           ...oe,
           ref: (m) => (J.setReference(m), oe.ref(m))
-        }, me = Z ?? "", { onClear: Y, clearable: fe, ...pe } = g, w = fe && c !== null, E = (...m) => {
+        }, me = Z ?? "", { onClear: Y, clearable: fe, ...pe } = y, N = fe && c !== null, E = (...m) => {
           z(null), Y == null || Y(...m);
         };
         return /* @__PURE__ */ o(ce, { children: /* @__PURE__ */ $("div", { className: Ne("input-wrapper"), ...ue, children: [
@@ -717,19 +718,19 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
                   m.key === Re && m.preventDefault(), Z && M && j(m, K);
                 },
                 onBlur: (m) => {
-                  const q = me.trim(), A = !he(q), U = A ? e.find((se) => N(se) === q) : void 0;
+                  const q = me.trim(), A = !he(q), U = A ? e.find((se) => g(se) === q) : void 0;
                   z(U || (!k && C && A ? q : null)), v(m), s == null || s(
-                    A ? !e.some((se) => N(se) === q) : null
+                    A ? !e.some((se) => g(se) === q) : null
                   ), a && M && T(), b == null || b(!0);
                 },
                 disabled: p,
                 defaultWidth: !1,
                 isRequired: R,
-                touched: y,
+                touched: w,
                 error: I,
                 ...pe,
-                clearable: w,
-                onClear: w ? E : Y,
+                clearable: N,
+                onClear: N ? E : Y,
                 endIcon: a && !l ? /* @__PURE__ */ o(
                   "button",
                   {
@@ -755,7 +756,7 @@ const Le = "_disabled_1rpph_43", Ke = "_input_1rpph_107", Te = {
               minLength: f,
               inputValue: (Z || "").trim(),
               getItemProps: S(L, ie, c),
-              parseValueToString: N,
+              parseValueToString: g,
               optionVariant: u,
               createWithoutConfirmation: C,
               className: B,

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/components/icons/index.d.ts

@@ -52,6 +52,7 @@ export { default as PriorityLowIcon } from './svg/priorityLow.svg';
 export { default as PriorityMediumIcon } from './svg/priorityMedium.svg';
 export { default as PriorityUnspecifiedIcon } from './svg/priorityUnspecified.svg';
 export { default as RefreshIcon } from './svg/refresh.svg';
+export { default as ResizeColumnIcon } from './svg/resizeColumn.svg';
 export { default as RerunIcon } from './svg/rerun.svg';
 export { default as SearchIcon } from './svg/search.svg';
 export { default as SortIcon } from './svg/sort.svg';

package/dist/components/table/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { useTableColumns } from './useTableColumns';
 export { useTableHover } from './useTableHover';
 export { useTableExpansion } from './useTableExpansion';
 export { useColumnWidths } from './useColumnWidths';
+export { useColumnResize } from './useColumnResize';