@reportportal/ui-kit 0.0.1-alpha.24 → 0.0.1-alpha.241

package/dist/datePicker.js

@@ -0,0 +1,38 @@
+import { D as t } from "./datePicker-09dd025d.js";
+import { r as H } from "./datePicker-09dd025d.js";
+import "react/jsx-runtime";
+import "react";
+import "react-datepicker/dist/es/index.js";
+import "./bind-06a7ff84.js";
+import "./fieldText-4a8e5496.js";
+import "./clear-53660571.js";
+import "./openedEye-8fa4c67d.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+import "./dropdown-d2a05471.js";
+import "react-dom";
+import "@floating-ui/react-dom";
+import "downshift";
+import "rc-scrollbars";
+import "./keyCodes-f63c0e11.js";
+import "./dropdown-0260bb66.js";
+import "./adaptiveTagList.js";
+import "./button-7ab874f3.js";
+import "./close-4d480ef7.js";
+import "./isEmpty-ccacb5ff.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "./useEllipsisTitle-462fa254.js";
+import "./checkbox-76aa8f97.js";
+import "./tooltip.js";
+import "@floating-ui/react";
+import "./floatingUi-46f5b896.js";
+import "./calendarArrow-44c7e60e.js";
+import "react-datepicker";
+export {
+  t as DatePicker,
+  t as default,
+  H as registerDatePickerLocale
+};

package/dist/details-dbb1530b.js

@@ -0,0 +1,5 @@
+import * as C from "react";
+const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.30811 9.47705C2.72868 9.47705 3.05339 9.36108 3.28223 9.12915C3.51107 8.89722 3.62549 8.60498 3.62549 8.25244C3.62549 7.89372 3.51107 7.5953 3.28223 7.35718C3.05339 7.11906 2.72868 7 2.30811 7C1.89372 7 1.5721 7.11906 1.34326 7.35718C1.11442 7.5953 1 7.89372 1 8.25244C1 8.61117 1.11751 8.90495 1.35254 9.13379C1.58757 9.36263 1.90609 9.47705 2.30811 9.47705ZM7.61475 9.47705C8.03532 9.47705 8.36003 9.36108 8.58887 9.12915C8.81771 8.89722 8.93213 8.60498 8.93213 8.25244C8.93213 7.89372 8.81771 7.5953 8.58887 7.35718C8.36003 7.11906 8.03532 7 7.61475 7C7.20036 7 6.87874 7.11906 6.6499 7.35718C6.42106 7.5953 6.30664 7.89372 6.30664 8.25244C6.30664 8.61117 6.42415 8.90495 6.65918 9.13379C6.89421 9.36263 7.21273 9.47705 7.61475 9.47705ZM13.8955 9.12915C13.6667 9.36108 13.342 9.47705 12.9214 9.47705C12.5194 9.47705 12.2008 9.36263 11.9658 9.13379C11.7308 8.90495 11.6133 8.61117 11.6133 8.25244C11.6133 7.89372 11.7277 7.5953 11.9565 7.35718C12.1854 7.11906 12.507 7 12.9214 7C13.342 7 13.6667 7.11906 13.8955 7.35718C14.1243 7.5953 14.2388 7.89372 14.2388 8.25244C14.2388 8.60498 14.1243 8.89722 13.8955 9.12915Z", fill: "#A2AAB5" }));
+export {
+  t as S
+};

package/dist/dropdown-0260bb66.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" }));
+export {
+  o as S
+};

package/dist/dropdown-d2a05471.js

@@ -0,0 +1,647 @@
+import { jsxs as R, jsx as u, Fragment as He } from "react/jsx-runtime";
+import { forwardRef as yr, useState as we, useRef as x, useMemo as w, useCallback as k, useLayoutEffect as $e, useEffect as F } from "react";
+import { createPortal as Cr } from "react-dom";
+import { c as ze } from "./bind-06a7ff84.js";
+import { useFloating as Ar, offset as br, flip as Or, size as Dr, autoUpdate as Nr } from "@floating-ui/react-dom";
+import { useSelect as Ee } from "downshift";
+import { Scrollbars as kr } from "rc-scrollbars";
+import { K as p } from "./keyCodes-f63c0e11.js";
+import { B as vr } from "./baseIconButton-251479f7.js";
+import { S as Ir } from "./clear-53660571.js";
+import { S as Kr } from "./dropdown-0260bb66.js";
+import { FieldLabel as Lr } from "./fieldLabel.js";
+import { AdaptiveTagList as Tr } from "./adaptiveTagList.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { u as xr } from "./useEllipsisTitle-462fa254.js";
+import { C as Rr } from "./checkbox-76aa8f97.js";
+import { Tooltip as Pr } from "./tooltip.js";
+import { i as ne } from "./isEmpty-ccacb5ff.js";
+const Yr = (t) => {
+  const r = {}, c = {};
+  return Object.entries(t).forEach(([o, f]) => {
+    if (/^data[A-Z]/.test(o) || /^aria[A-Z]/.test(o)) {
+      const m = o.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
+      r[m] = f;
+    } else
+      c[o] = f;
+  }), { transformed: r, remaining: c };
+}, Vr = "_disabled_1hbkk_12", Sr = "_hidden_1hbkk_17", Hr = "_hover_1hbkk_26", $r = "_selected_1hbkk_42", Mr = {
+  "dropdown-option": "_dropdown-option_1hbkk_1",
+  disabled: Vr,
+  hidden: Sr,
+  "multi-select": "_multi-select_1hbkk_20",
+  hover: Hr,
+  "depth-1": "_depth-1_1hbkk_36",
+  selected: $r,
+  "single-option": "_single-option_1hbkk_50",
+  "sub-option": "_sub-option_1hbkk_57"
+}, Me = ze.bind(Mr), We = yr(
+  (t, r) => {
+    const {
+      option: { value: c, disabled: o, hidden: f, label: m, title: E, groupRef: A },
+      selected: B,
+      onChange: S,
+      render: U,
+      highlightHovered: j,
+      onMouseEnter: se,
+      multiSelect: b,
+      isPartiallyChecked: q = !1,
+      depth: Z = 0,
+      hasChildren: oe = !1
+    } = t, ae = (ie) => {
+      const H = ie.target;
+      o || H.closest("label") && !(H instanceof HTMLInputElement || H instanceof HTMLDivElement) || S == null || S(c);
+    }, G = /* @__PURE__ */ R(
+      "div",
+      {
+        className: Me("dropdown-option", {
+          selected: B,
+          disabled: o,
+          hidden: f,
+          hover: j,
+          "multi-select": b,
+          "has-children": oe,
+          [`depth-${Z}`]: Z > 0
+        }),
+        title: o ? void 0 : E,
+        onClick: ae,
+        ref: r,
+        onMouseEnter: se,
+        children: [
+          b && /* @__PURE__ */ u(Rr, { value: !!B, partiallyChecked: q }),
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: Me("single-option", {
+                "sub-option": !!A
+              }),
+              children: U ? U(t) : m
+            }
+          )
+        ]
+      }
+    );
+    return o && E ? /* @__PURE__ */ u(
+      Pr,
+      {
+        content: E,
+        placement: "top",
+        wrapperTabIndex: -1,
+        isFloating: !1,
+        portalRoot: t.disabledOptionTooltipPortalRoot ?? (typeof document < "u" ? document.body : void 0),
+        children: G
+      }
+    ) : G;
+  }
+), Wr = [
+  p.ENTER_KEY_CODE,
+  p.SPACE_KEY_CODE,
+  p.ARROW_DOWN_KEY_CODE
+], zr = [p.ESCAPE_KEY_CODE, p.TAB_KEY_CODE];
+var V = /* @__PURE__ */ ((t) => (t.ON_KEY_DOWN = "onKeyDown", t.ON_CLICK = "onClick", t))(V || {});
+const Fr = 240, Br = "data-dropdown-portal-menu", Ur = 10, jr = (t, r) => {
+  const c = Array.isArray(r) ? r : [r];
+  return t.findIndex(({ value: o }) => c.includes(o));
+}, qr = (t, r) => (t % r + r) % r, ye = (t, r = 0, c = 1) => {
+  var f;
+  if (t.length === 0)
+    return 0;
+  if (!((f = t[r]) != null && f.disabled))
+    return r;
+  const o = t.length;
+  return ye(
+    t,
+    qr(r + c, o),
+    c
+  );
+}, Zr = (t, r) => ye(t, r), Gr = (t, r) => ye(t, r, -1), Fe = (t, r = 0, c) => !t || t.length === 0 ? [] : t.reduce((o, f) => {
+  var m;
+  return f && (o.push({ option: f, depth: r, parent: c }), (m = f.children) != null && m.length && o.push(...Fe(f.children, r + 1, f))), o;
+}, []), Be = (t) => !t || t.length === 0 ? [] : t.reduce((r, c) => {
+  var o;
+  return c && ((o = c.children) != null && o.length ? r.push(...Be(c.children)) : r.push(c)), r;
+}, []), Ue = (t) => {
+  var r;
+  return t ? (r = t.children) != null && r.length ? t.children.reduce((c, o) => (o && c.push(...Ue(o)), c), []) : [t.value] : [];
+}, Xr = "_container_sth8o_1", Jr = "_icon_sth8o_7", Qr = "_arrow_sth8o_15", et = "_dropdown_sth8o_33", rt = "_disabled_sth8o_53", tt = "_value_sth8o_60", nt = "_error_sth8o_63", st = "_touched_sth8o_63", ot = "_opened_sth8o_67", at = "_placeholder_sth8o_101", it = "_ghost_sth8o_184", lt = "_divider_sth8o_202", ct = {
+  container: Xr,
+  icon: Jr,
+  arrow: Qr,
+  "clear-button": "_clear-button_sth8o_23",
+  dropdown: et,
+  "multi-select-with-tags": "_multi-select-with-tags_sth8o_47",
+  "transparent-background": "_transparent-background_sth8o_50",
+  disabled: rt,
+  value: tt,
+  error: nt,
+  touched: st,
+  opened: ot,
+  placeholder: at,
+  "mobile-disabled": "_mobile-disabled_sth8o_105",
+  "value-wrapper": "_value-wrapper_sth8o_110",
+  "tags-wrapper": "_tags-wrapper_sth8o_116",
+  "with-search": "_with-search_sth8o_121",
+  "search-input": "_search-input_sth8o_128",
+  "select-list": "_select-list_sth8o_146",
+  "limited-width": "_limited-width_sth8o_163",
+  "options-container": "_options-container_sth8o_167",
+  "empty-list-message": "_empty-list-message_sth8o_172",
+  ghost: it,
+  divider: lt
+}, _ = ze.bind(ct), Kt = ({
+  multiSelect: t = !1,
+  value: r = t ? [] : "",
+  options: c = [],
+  disabled: o = !1,
+  error: f,
+  onChange: m,
+  onFocus: E,
+  onBlur: A,
+  mobileDisabled: B,
+  title: S,
+  touched: U = !1,
+  icon: j,
+  variant: se,
+  placeholder: b = "",
+  label: q = "",
+  renderOption: Z,
+  transparentBackground: oe = !1,
+  className: ae,
+  toggleButtonClassName: G,
+  selectListClassName: ie,
+  isListWidthLimited: H = !1,
+  optionAll: le = { value: "all", label: "All" },
+  isOptionAllVisible: Ce = !1,
+  onSelectAll: je = () => {
+  },
+  formatDisplayedValue: ce,
+  notScrollable: $ = !1,
+  footer: X,
+  includeGroupValue: Ae = !1,
+  clearable: qe = !1,
+  onClear: be = () => {
+  },
+  clearButtonAriaLabel: Ze = "Clear selection",
+  menuPortalRoot: y,
+  disabledOptionTooltipPortalRoot: Oe,
+  isMultiSelectWithTags: O = !1,
+  noMatchesMessage: Ge = "No matches found",
+  ...Xe
+}) => {
+  const { transformed: Je, remaining: Qe } = Yr(Xe), [l, J] = we(!1), [v, De] = we(""), Ne = x(null), ke = x(null), M = x(null), de = x(0), ue = x(null), he = x(""), [er, Q] = we(null), I = x(null), W = w(() => Fe(c), [c]), K = w(() => {
+    if (!O || !v.trim())
+      return W;
+    const e = v.toLowerCase();
+    return W.filter(
+      ({ option: n }) => n.label.toLowerCase().includes(e)
+    );
+  }, [W, v, O]), g = w(
+    () => K.map(({ option: e }) => e),
+    [K]
+  ), ve = w(
+    () => W.map(({ option: e }) => e),
+    [W]
+  ), ee = w(() => K.filter(({ option: e }) => {
+    var n;
+    return (n = e.children) == null ? void 0 : n.length;
+  }).map(({ option: e }) => e), [K]), Ie = w(() => Be(c), [c]), D = w(
+    () => Ie.map(({ value: e }) => e),
+    [Ie]
+  ), re = w(() => {
+    const e = /* @__PURE__ */ new Map();
+    return ee.forEach((n) => {
+      e.set(n.value, Ue(n));
+    }), e;
+  }, [ee]), z = k(
+    (e) => (ee.forEach((n) => {
+      const s = re.get(n.value) ?? [], i = s.length > 0 && s.every((d) => e.has(d));
+      Ae && i ? e.add(n.value) : e.delete(n.value);
+    }), e),
+    [ee, Ae, re]
+  ), L = w(() => !t || !Array.isArray(r) ? /* @__PURE__ */ new Set() : z(new Set(r)), [t, r, z]), fe = w(() => t ? Array.isArray(r) && r.length > 0 : g.some((e) => e.value === r) || r === !1 || r === 0 || !!r, [t, r, g]), rr = qe && fe && !o, tr = k((e) => {
+    de.current = e.scrollTop;
+  }, []);
+  $e(() => {
+    l && !$ && M.current && !(t && I.current !== null) && M.current.scrollTop(de.current);
+  }, [l, $, r, t]);
+  const { refs: P, floatingStyles: Ke } = Ar({
+    placement: "bottom-start",
+    middleware: [
+      br(5),
+      Or({
+        fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
+        ...y && {
+          boundary: document.documentElement,
+          rootBoundary: "viewport"
+        }
+      }),
+      y ? Dr({
+        apply({ rects: e, elements: n }) {
+          const s = e.reference.width;
+          Object.assign(n.floating.style, {
+            width: `${s}px`,
+            minWidth: `${s}px`,
+            maxWidth: `${s}px`
+          });
+        }
+      }) : null
+    ].filter(Boolean),
+    whileElementsMounted: l ? (e, n, s) => Nr(e, n, s, {
+      animationFrame: !0
+    }) : void 0
+  }), nr = () => {
+    if (!Ce)
+      return;
+    const e = Array.isArray(r) ? r : [], n = new Set(e), s = D.some((d) => !n.has(d));
+    D.forEach((d) => {
+      s ? n.add(d) : n.delete(d);
+    });
+    const i = z(n);
+    m(Array.from(i)), je();
+  }, te = k(() => {
+    l || (J(!0), E == null || E());
+  }, [l, E]), C = k(() => {
+    J(!1), De(""), he.current = "", A == null || A();
+  }, [A]), _e = k(() => {
+    if (o)
+      return;
+    m(t ? [] : ""), be(), C(), requestAnimationFrame(() => {
+      const n = P.reference.current;
+      n && n instanceof HTMLElement && n.focus();
+    });
+  }, [o, t, m, be, C, P]), sr = k(
+    (e) => {
+      e.preventDefault(), e.stopPropagation(), _e();
+    },
+    [_e]
+  ), Le = k(
+    (e) => {
+      var d, a;
+      if (!l)
+        return;
+      const n = e == null ? void 0 : e.target;
+      if (!n)
+        return;
+      const s = (d = Ne.current) == null ? void 0 : d.contains(n), i = (a = ke.current) == null ? void 0 : a.contains(n);
+      !s && !i && C();
+    },
+    [l, C]
+  );
+  F(() => {
+    if (!l)
+      return;
+    const e = (n) => {
+      Le(n);
+    };
+    return document.addEventListener("pointerdown", e), () => {
+      document.removeEventListener("pointerdown", e);
+    };
+  }, [l, Le]);
+  const Te = (e) => {
+    var n;
+    if (!e.disabled) {
+      if (t) {
+        const s = Array.isArray(r) ? r : [], i = new Set(s);
+        if ((n = e.children) != null && n.length) {
+          const a = re.get(e.value) ?? [], h = a.some((N) => !i.has(N));
+          a.forEach((N) => {
+            h ? i.add(N) : i.delete(N);
+          });
+        } else
+          i.has(e.value) ? i.delete(e.value) : i.add(e.value);
+        const d = z(i);
+        m(Array.from(d));
+      } else
+        m(e.value);
+      J((s) => t || !s);
+    }
+  }, or = () => g.find(({ value: e }) => e === r), xe = jr(g, r), {
+    getToggleButtonProps: ar,
+    getLabelProps: ir,
+    getMenuProps: Re,
+    getItemProps: lr,
+    setHighlightedIndex: T,
+    highlightedIndex: pe
+  } = Ee({
+    items: g,
+    itemToString: (e) => (e != null && e.label ? String(e.label) : b) || "",
+    selectedItem: or(),
+    isOpen: l,
+    circularNavigation: !0,
+    defaultHighlightedIndex: xe,
+    onHighlightedIndexChange: (e) => {
+      switch (e.type) {
+        case Ee.stateChangeTypes.MenuKeyDownArrowUp:
+          return Q(V.ON_KEY_DOWN), T(Gr(g, e.highlightedIndex)), e;
+        case Ee.stateChangeTypes.MenuKeyDownArrowDown:
+          return Q(V.ON_KEY_DOWN), T(Zr(g, e.highlightedIndex)), e;
+        default:
+          return e;
+      }
+    }
+  }), Pe = k(
+    (e) => {
+      ke.current = e, P.setFloating(e);
+    },
+    [P]
+  ), cr = k(
+    (e = {}) => {
+      const n = Re(e), s = n.ref;
+      return {
+        ...n,
+        ref: (i) => {
+          Pe(i), typeof s == "function" ? s(i) : s && (s.current = i);
+        }
+      };
+    },
+    [Re, Pe]
+  );
+  F(() => {
+    t && l && I.current !== null && I.current >= 0 && I.current < g.length && (T(I.current), I.current = null, requestAnimationFrame(() => {
+      M.current && !$ && M.current.scrollTop(de.current);
+    }));
+  }, [t, l, r, g.length, T, $]), F(() => {
+    l && O && requestAnimationFrame(() => {
+      var e;
+      (e = ue.current) == null || e.focus();
+    });
+  }, [l, O]), F(() => {
+    O && l && v !== he.current && (he.current = v, v && T(0));
+  }, [v, O, l]), $e(() => {
+    if (!l || !y)
+      return;
+    let e = window.scrollY, n = !0;
+    const s = 300, i = () => {
+      if (!n)
+        return;
+      window.scrollY !== e && window.scrollTo(0, e);
+    }, d = (h) => {
+      n && (h.preventDefault(), h.stopImmediatePropagation(), i());
+    };
+    e = window.scrollY, window.addEventListener("scroll", d, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
+      e = window.scrollY, i();
+    });
+    const a = setTimeout(() => {
+      n = !1;
+    }, s);
+    return () => {
+      clearTimeout(a), window.removeEventListener("scroll", d, { capture: !0 });
+    };
+  }, [l, y]), F(() => {
+    if (!l || !y)
+      return;
+    const e = () => {
+      C();
+    };
+    return window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, [l, y, C]);
+  const Ye = () => {
+    o || (J((e) => !e), l ? A == null || A() : E == null || E(), Q(V.ON_CLICK));
+  }, me = w(() => {
+    if (t && Array.isArray(r) && D.length > 0 && D.every((n) => L.has(n)))
+      return le.label;
+    const e = g.reduce((n, s) => ((Array.isArray(r) && r.includes(s.value) || s.value === r) && n.push(s.label), n), []);
+    return e.length > 0 ? e.join(", ") : !r && r !== !1 && r !== 0 || Array.isArray(r) && !r.length ? b : typeof r == "string" && r.length > 0 && !b ? r : b || void 0;
+  }, [
+    t,
+    r,
+    D,
+    L,
+    le.label,
+    g,
+    b
+  ]), ge = w(() => ce ? ce(me) : me, [ce, me]), dr = fe && ge ? ge : void 0, { ref: ur, title: hr } = xr(dr), fr = (e) => {
+    const { keyCode: n } = e;
+    Wr.includes(n) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (T(xe), te(), Q(V.ON_KEY_DOWN)));
+  }, _r = (e) => {
+    const { keyCode: n } = e;
+    if (n === p.ENTER_KEY_CODE || n === p.SPACE_KEY_CODE) {
+      const s = g[pe];
+      if (!s || s.disabled)
+        return;
+      t && (I.current = pe), Te(s), t || C();
+      return;
+    }
+    zr.includes(n) && (e.stopPropagation(), C());
+  }, Ve = () => /* @__PURE__ */ R("div", { className: _("options-container"), children: [
+    t && Ce && !ne(K) && /* @__PURE__ */ R(He, { children: [
+      /* @__PURE__ */ u(
+        We,
+        {
+          option: le,
+          selected: Array.isArray(r) && D.length > 0 && D.every((e) => L.has(e)),
+          onChange: nr,
+          multiSelect: t,
+          isPartiallyChecked: D.some((e) => L.has(e)) && !D.every((e) => L.has(e)),
+          disabledOptionTooltipPortalRoot: Oe
+        }
+      ),
+      /* @__PURE__ */ u("div", { className: _("divider") }),
+      " "
+    ] }),
+    ne(K) ? /* @__PURE__ */ u("div", { className: _("empty-list-message"), children: Ge }) : K.map(({ option: e, depth: n }, s) => {
+      var h, N;
+      const i = re.get(e.value) ?? [e.value], d = t && i.every((Y) => L.has(Y)), a = t && ((h = e.children) == null ? void 0 : h.length) && i.some((Y) => L.has(Y)) && !d;
+      return /* @__PURE__ */ u(
+        We,
+        {
+          ...lr({
+            item: e,
+            index: s
+          }),
+          multiSelect: t,
+          selected: t ? d : e.value === r,
+          option: e,
+          highlightHovered: pe === s && er !== V.ON_CLICK,
+          render: Z,
+          onChange: e.disabled ? null : () => Te(e),
+          onMouseEnter: () => T(s),
+          depth: n,
+          hasChildren: !!((N = e.children) != null && N.length),
+          isPartiallyChecked: a,
+          disabledOptionTooltipPortalRoot: Oe
+        },
+        e.value
+      );
+    }),
+    X && /* @__PURE__ */ R(He, { children: [
+      /* @__PURE__ */ u("div", { className: _("divider") }),
+      typeof X == "function" ? X(C) : X
+    ] })
+  ] }), pr = () => {
+    const e = ve.reduce((a, h) => (Array.isArray(r) && r.includes(h.value) && a.push(h.label), a), []), n = (a) => {
+      const h = ve.find(
+        ({ label: Er }) => Er === a
+      );
+      if (!h)
+        return;
+      const N = Array.isArray(r) ? r : [], Y = new Set(N);
+      Y.delete(h.value);
+      const wr = z(Y);
+      m(Array.from(wr));
+    }, s = (a) => {
+      const h = a.target;
+      De(h.value), l || (te(), requestAnimationFrame(() => {
+        h.focus();
+      }));
+    }, i = (a) => {
+      if (a.keyCode === p.ESCAPE_KEY_CODE) {
+        a.stopPropagation(), C();
+        return;
+      }
+      a.keyCode === p.ENTER_KEY_CODE || a.keyCode === p.SPACE_KEY_CODE || (a.keyCode === p.ARROW_DOWN_KEY_CODE || a.keyCode === p.ARROW_UP_KEY_CODE) && (a.preventDefault(), te());
+    }, d = /* @__PURE__ */ u(
+      "input",
+      {
+        ref: ue,
+        type: "text",
+        className: _("search-input"),
+        value: v,
+        onChange: s,
+        onKeyDown: i,
+        onClick: (a) => {
+          a.stopPropagation(), te();
+        },
+        placeholder: ne(e) ? b : "",
+        autoComplete: "off"
+      }
+    );
+    return ne(e) ? /* @__PURE__ */ u("div", { className: _("tags-wrapper", "with-search"), children: d }) : /* @__PURE__ */ R("div", { className: _("tags-wrapper", "with-search"), children: [
+      /* @__PURE__ */ u(
+        Tr,
+        {
+          tags: e,
+          onRemoveTag: n,
+          isShowAllView: !0,
+          defaultVisibleLines: Ur
+        }
+      ),
+      d
+    ] });
+  }, mr = () => O && t && Array.isArray(r) ? pr() : /* @__PURE__ */ u(
+    "span",
+    {
+      ref: ur,
+      className: _("value", {
+        placeholder: !fe
+      }),
+      title: hr,
+      children: ge
+    }
+  ), gr = ar({
+    className: _("dropdown", se, G, {
+      "transparent-background": oe,
+      opened: l,
+      disabled: o,
+      error: f,
+      touched: U,
+      "mobile-disabled": B,
+      "multi-select-with-tags": O
+    }),
+    onClick: Ye,
+    onKeyDown: fr,
+    ref: P.setReference
+  }), { type: dt, ...Se } = gr;
+  return /* @__PURE__ */ R(
+    "div",
+    {
+      ref: Ne,
+      className: _("container", ae),
+      title: S,
+      ...Qe,
+      ...Je,
+      children: [
+        q && /* @__PURE__ */ u(
+          Lr,
+          {
+            ...ir(),
+            onClick: () => !o && Ye(),
+            style: { cursor: o ? "default" : "pointer" },
+            children: q
+          }
+        ),
+        /* @__PURE__ */ R(
+          "div",
+          {
+            ...Se,
+            role: "button",
+            "aria-disabled": o,
+            tabIndex: o ? -1 : Se.tabIndex ?? 0,
+            children: [
+              j && /* @__PURE__ */ u("span", { className: _("icon"), children: j }),
+              /* @__PURE__ */ u("div", { className: _("value-wrapper"), children: mr() }),
+              rr && /* @__PURE__ */ u(
+                vr,
+                {
+                  className: _("clear-button"),
+                  onClick: sr,
+                  onKeyDown: (e) => {
+                    const { keyCode: n } = e;
+                    (n === p.ENTER_KEY_CODE || n === p.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), _e());
+                  },
+                  "aria-label": Ze,
+                  children: /* @__PURE__ */ u(Ir, {})
+                }
+              ),
+              /* @__PURE__ */ u("span", { className: _("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ u(Kr, {}) })
+            ]
+          }
+        ),
+        l && (() => {
+          var i;
+          const e = (i = P.reference.current) == null ? void 0 : i.getBoundingClientRect().width, n = y && e ? {
+            ...Ke,
+            width: `${e}px`,
+            minWidth: `${e}px`,
+            maxWidth: `${e}px`
+          } : Ke, s = /* @__PURE__ */ u(
+            "div",
+            {
+              style: n,
+              className: _(
+                "select-list",
+                {
+                  opened: l,
+                  "limited-width": H
+                },
+                ie
+              ),
+              ...y && { [Br]: "" },
+              ...cr({
+                onKeyDown: _r,
+                ...O && {
+                  tabIndex: -1,
+                  onFocus: (d) => {
+                    var a;
+                    d.preventDefault(), (a = ue.current) == null || a.focus();
+                  }
+                }
+              }),
+              children: $ ? Ve() : /* @__PURE__ */ u(
+                kr,
+                {
+                  autoHeight: !0,
+                  autoHeightMax: Fr,
+                  hideTracksWhenNotNeeded: !0,
+                  ref: (d) => {
+                    M.current = d;
+                  },
+                  onScrollFrame: tr,
+                  children: Ve()
+                }
+              )
+            }
+          );
+          return y ? Cr(s, y) : s;
+        })()
+      ]
+    }
+  );
+};
+export {
+  Kt as D,
+  Br as a
+};