@reportportal/ui-kit 0.0.1-alpha.120 → 0.0.1-alpha.122

package/dist/autocompletes.js

@@ -8,10 +8,11 @@ import { S as Me } from "./plus-199fb2a8.js";
 import { i as qe } from "./isEmpty-ccacb5ff.js";
 import U from "downshift";
 import { useFloating as he, autoUpdate as be } from "@floating-ui/react";
-import { F as Ae } from "./fieldText-e4a554dc.js";
+import { F as Ae } from "./fieldText-2c4790e1.js";
 import { S as ve } from "./dropdown-0260bb66.js";
 import { S as $e } from "./close-4d480ef7.js";
-import { S as De } from "./openEye-7b9cf080.js";
+import { S as De } from "./clear-53660571.js";
+import "./openEye-950159cb.js";
 import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
@@ -349,7 +350,7 @@ const Ce = "_disabled_18ek6_43", Re = "_input_18ek6_97", Oe = {
   "error-text": "_error-text_w0t1o_109",
   "dropdown-button": "_dropdown-button_w0t1o_118",
   "icon-reversed": "_icon-reversed_w0t1o_126"
-}, j = H.bind(ft), Ot = (o) => {
+}, j = H.bind(ft), jt = (o) => {
   const {
     options: e = [],
     loading: a = !1,
@@ -580,7 +581,7 @@ const Ce = "_disabled_18ek6_43", Re = "_input_18ek6_97", Oe = {
   "input-wrapper": "_input-wrapper_d9vma_1",
   "dropdown-button": "_dropdown-button_d9vma_6",
   "icon-reversed": "_icon-reversed_d9vma_14"
-}, pe = H.bind(ht), bt = 0, jt = (o) => {
+}, pe = H.bind(ht), bt = 0, Ht = (o) => {
   const {
     options: e = [],
     value: a,
@@ -723,6 +724,6 @@ export {
   fe as AutocompleteOption,
   Ve as AutocompleteOptions,
   ze as AutocompletePrompt,
-  Ot as MultipleAutocomplete,
-  jt as SingleAutocomplete
+  jt as MultipleAutocomplete,
+  Ht as SingleAutocomplete
 };

package/dist/clear-53660571.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 8C1 4.14001 4.14001 1 8 1C11.86 1 15 4.14001 15 8C15 11.8595 11.86 15 8 15C4.14001 15 1 11.8595 1 8ZM5 5.54545L5.54545 5L8 7.45455L10.4545 5L11 5.54545L8.54545 8L11 10.4545L10.4545 11L8 8.54545L5.54545 11L5 10.4545L7.45455 8L5 5.54545Z", fill: "#A2AAB5" }));
+export {
+  t as S
+};

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

@@ -6,3 +6,4 @@ export declare enum EventName {
     ON_KEY_DOWN = "onKeyDown",
     ON_CLICK = "onClick"
 }
+export declare const SCROLLBARS_AUTO_HEIGHT_MAX = 216;

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

@@ -29,5 +29,16 @@ export interface DropdownProps {
     formatDisplayedValue?: (value: string | undefined) => string;
     notScrollable?: boolean;
     footer?: ReactNode | ((closeHandler: () => void) => ReactNode);
+    /**
+     * For nested options: whether to include parent group values in the onChange callback
+     * when all children are selected. Default: false (only leaf values are included)
+     */
+    includeGroupValue?: boolean;
+    /** Whether to show a clear button to reset the selection */
+    clearable?: boolean;
+    /** Callback fired when the clear button is clicked */
+    onClear?: () => void;
+    /** ARIA label for the clear button */
+    clearButtonAriaLabel?: string;
 }
 export declare const Dropdown: FC<DropdownProps>;

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

@@ -10,6 +10,7 @@ export type DropdownOptionType = {
     hidden?: boolean;
     title?: string;
     groupRef?: string;
+    children?: DropdownOptionType[];
 };
 export interface DropdownOptionProps {
     selected?: boolean;
@@ -19,5 +20,12 @@ export interface DropdownOptionProps {
     onMouseEnter?: MouseEventHandler<HTMLDivElement>;
     multiSelect?: boolean;
     isPartiallyChecked?: boolean;
+    depth?: number;
+    hasChildren?: boolean;
     option: DropdownOptionType;
 }
+export type FlattenedDropdownOption = {
+    option: DropdownOptionType;
+    depth: number;
+    parent?: DropdownOptionType;
+};

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

@@ -1,5 +1,8 @@
-import { DropdownValue, DropdownOptionType } from './types';
+import { DropdownValue, DropdownOptionType, FlattenedDropdownOption } from './types';
 
 export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue | DropdownValue[]) => number;
 export declare const calculateNextIndex: (options: DropdownOptionType[], index?: number) => number;
 export declare const calculatePrevIndex: (options: DropdownOptionType[], index?: number) => number;
+export declare const flattenOptions: (options: DropdownOptionType[], depth?: number, parent?: DropdownOptionType) => FlattenedDropdownOption[];
+export declare const getLeafOptions: (options: DropdownOptionType[]) => DropdownOptionType[];
+export declare const getOptionLeafValues: (option: DropdownOptionType) => DropdownValue[];

package/dist/components/filtersButton/filtersButton.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from 'react';
+
+export interface FiltersButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'type'> {
+    appliedFiltersCount?: number;
+    isOpen?: boolean;
+    type?: 'button' | 'submit';
+}
+export declare const FiltersButton: (props: FiltersButtonProps & import('react').RefAttributes<HTMLButtonElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
+export default FiltersButton;

package/dist/components/filtersButton/index.d.ts

@@ -0,0 +1,2 @@
+export { FiltersButton } from './filtersButton';
+export type { FiltersButtonProps } from './filtersButton';

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export { FieldNumber } from './fieldNumber';
 export { FieldText } from './fieldText';
 export { FieldTextFlex } from './fieldTextFlex';
 export { FileDropArea } from './fileDropArea';
+export { FiltersButton } from './filtersButton';
 export { Modal } from './modal';
 export { MultipleAutocomplete } from './autocompletes/multipleAutocomplete';
 export { Pagination } from './pagination';

package/dist/{datePicker-fe5bfdcd.js → datePicker-fcff097b.js}

@@ -2,8 +2,8 @@ import { jsxs as F, Fragment as $, jsx as r } from "react/jsx-runtime";
 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-e4a554dc.js";
-import { D as E } from "./dropdown-ec754bbe.js";
+import { F as I } from "./fieldText-2c4790e1.js";
+import { D as E } from "./dropdown-e85dd323.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,27 +1,32 @@
-import { D as t } from "./datePicker-fe5bfdcd.js";
-import { r as q } from "./datePicker-fe5bfdcd.js";
+import { D as t } from "./datePicker-fcff097b.js";
+import { r as A } from "./datePicker-fcff097b.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
-import "./fieldText-e4a554dc.js";
-import "./openEye-7b9cf080.js";
+import "./fieldText-2c4790e1.js";
+import "./clear-53660571.js";
+import "./openEye-950159cb.js";
 import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-ec754bbe.js";
+import "./dropdown-e85dd323.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
 import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./dropdown-0260bb66.js";
+import "./tooltip.js";
+import "react-dom";
+import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
 import "./checkbox-ed6cc375.js";
 import "./calendarArrow-44c7e60e.js";
 import "react-datepicker";
 export {
   t as DatePicker,
   t as default,
-  q as registerDatePickerLocale
+  A as registerDatePickerLocale
 };

package/dist/dropdown-e85dd323.js

@@ -0,0 +1,436 @@
+import { jsxs as D, jsx as l, Fragment as Ee } from "react/jsx-runtime";
+import { forwardRef as Je, useState as oe, useRef as P, useMemo as y, useCallback as x, useLayoutEffect as Qe, useEffect as Oe } from "react";
+import { c as be } from "./bind-06a7ff84.js";
+import { useFloating as Ze, offset as er, flip as rr } from "@floating-ui/react-dom";
+import { useSelect as le } from "downshift";
+import { Scrollbars as tr } from "rc-scrollbars";
+import { u as nr } from "./useOnClickOutside-c332f7d3.js";
+import { K as w } from "./keyCodes-f63c0e11.js";
+import { B as sr } from "./baseIconButton-251479f7.js";
+import { S as ar } from "./clear-53660571.js";
+import { S as or } from "./dropdown-0260bb66.js";
+import { Tooltip as lr } from "./tooltip.js";
+import { FieldLabel as cr } from "./fieldLabel.js";
+import { C as dr } from "./checkbox-ed6cc375.js";
+const ir = "_disabled_14s7v_12", ur = "_hidden_14s7v_16", hr = "_hover_14s7v_22", fr = "_selected_14s7v_38", _r = {
+  "dropdown-option": "_dropdown-option_14s7v_1",
+  disabled: ir,
+  hidden: ur,
+  hover: hr,
+  "depth-1": "_depth-1_14s7v_32",
+  selected: fr,
+  "multi-select": "_multi-select_14s7v_38",
+  "single-option": "_single-option_14s7v_43",
+  "sub-option": "_sub-option_14s7v_50"
+}, ve = be.bind(_r), Ne = Je(
+  (t, r) => {
+    const {
+      option: { value: a, disabled: s, hidden: d, label: f, title: m, groupRef: p },
+      selected: R,
+      onChange: K,
+      render: V,
+      highlightHovered: L,
+      onMouseEnter: J,
+      multiSelect: C,
+      isPartiallyChecked: H = !1,
+      depth: Y = 0,
+      hasChildren: Q = !1
+    } = t, Z = (M) => {
+      (M.target instanceof HTMLDivElement || M.target instanceof HTMLInputElement) && (K == null || K(a));
+    };
+    return /* @__PURE__ */ D(
+      "div",
+      {
+        className: ve("dropdown-option", {
+          selected: R,
+          disabled: s,
+          hidden: d,
+          hover: L,
+          "multi-select": C,
+          "has-children": Q,
+          [`depth-${Y}`]: Y > 0
+        }),
+        title: m,
+        onClick: Z,
+        ref: r,
+        onMouseEnter: J,
+        children: [
+          C && /* @__PURE__ */ l(dr, { value: !!R, partiallyChecked: H }),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: ve("single-option", {
+                "sub-option": !!p
+              }),
+              children: V ? V(t) : f
+            }
+          )
+        ]
+      }
+    );
+  }
+), pr = [
+  w.ENTER_KEY_CODE,
+  w.SPACE_KEY_CODE,
+  w.ARROW_DOWN_KEY_CODE
+], gr = [w.ESCAPE_KEY_CODE, w.TAB_KEY_CODE];
+var A = /* @__PURE__ */ ((t) => (t.ON_KEY_DOWN = "onKeyDown", t.ON_CLICK = "onClick", t))(A || {});
+const wr = 216, mr = (t, r) => {
+  const a = Array.isArray(r) ? r : [r];
+  return t.findIndex(({ value: s }) => a.includes(s));
+}, yr = (t, r) => (t % r + r) % r, ce = (t, r = 0, a = 1) => {
+  var d;
+  if (t.length === 0)
+    return 0;
+  if (!((d = t[r]) != null && d.disabled))
+    return r;
+  const s = t.length;
+  return ce(
+    t,
+    yr(r + a, s),
+    a
+  );
+}, Cr = (t, r) => ce(t, r), Er = (t, r) => ce(t, r, -1), De = (t, r = 0, a) => !t || t.length === 0 ? [] : t.reduce((s, d) => {
+  var f;
+  return d && (s.push({ option: d, depth: r, parent: a }), (f = d.children) != null && f.length && s.push(...De(d.children, r + 1, d))), s;
+}, []), Ae = (t) => !t || t.length === 0 ? [] : t.reduce((r, a) => {
+  var s;
+  return a && ((s = a.children) != null && s.length ? r.push(...Ae(a.children)) : r.push(a)), r;
+}, []), Ke = (t) => {
+  var r;
+  return t ? (r = t.children) != null && r.length ? t.children.reduce((a, s) => (s && a.push(...Ke(s)), a), []) : [t.value] : [];
+}, Or = "_container_owe49_1", vr = "_icon_owe49_7", Nr = "_arrow_owe49_13", br = "_dropdown_owe49_27", Dr = "_disabled_owe49_44", Ar = "_value_owe49_51", Kr = "_error_owe49_54", Ir = "_touched_owe49_54", Tr = "_opened_owe49_58", kr = "_placeholder_owe49_93", Pr = "_ghost_owe49_139", xr = "_divider_owe49_160", Rr = {
+  container: Or,
+  icon: vr,
+  arrow: Nr,
+  "clear-button": "_clear-button_owe49_19",
+  dropdown: br,
+  "transparent-background": "_transparent-background_owe49_41",
+  disabled: Dr,
+  value: Ar,
+  error: Kr,
+  touched: Ir,
+  opened: Tr,
+  placeholder: kr,
+  "mobile-disabled": "_mobile-disabled_owe49_97",
+  "value-wrapper": "_value-wrapper_owe49_102",
+  "value-tooltip": "_value-tooltip_owe49_108",
+  "select-list": "_select-list_owe49_113",
+  "limited-width": "_limited-width_owe49_130",
+  "options-container": "_options-container_owe49_134",
+  ghost: Pr,
+  divider: xr
+}, i = be.bind(Rr), Jr = ({
+  multiSelect: t = !1,
+  value: r = t ? [] : "",
+  options: a = [],
+  disabled: s = !1,
+  error: d,
+  onChange: f,
+  onFocus: m,
+  onBlur: p,
+  mobileDisabled: R,
+  title: K,
+  touched: V = !1,
+  icon: L,
+  variant: J,
+  placeholder: C = "",
+  label: H = "",
+  renderOption: Y,
+  transparentBackground: Q = !1,
+  className: Z,
+  toggleButtonClassName: M,
+  selectListClassName: Ie,
+  isListWidthLimited: Te = !1,
+  optionAll: ee = { value: "all", label: "All" },
+  isOptionAllVisible: de = !1,
+  onSelectAll: ke = () => {
+  },
+  formatDisplayedValue: ie,
+  notScrollable: I = !1,
+  footer: W,
+  includeGroupValue: ue = !1,
+  clearable: Pe = !1,
+  onClear: he = () => {
+  },
+  clearButtonAriaLabel: xe = "Clear selection"
+}) => {
+  const [u, S] = oe(!1), fe = P(null), T = P(null), re = P(0), te = P(null), [Re, _e] = oe(!1), [Ve, $] = oe(null), E = P(null), k = y(() => De(a), [a]), _ = y(
+    () => k.map(({ option: e }) => e),
+    [k]
+  ), j = y(() => k.filter(({ option: e }) => {
+    var n;
+    return (n = e.children) == null ? void 0 : n.length;
+  }).map(({ option: e }) => e), [k]), pe = y(() => Ae(a), [a]), g = y(
+    () => pe.map(({ value: e }) => e),
+    [pe]
+  ), z = y(() => {
+    const e = /* @__PURE__ */ new Map();
+    return j.forEach((n) => {
+      e.set(n.value, Ke(n));
+    }), e;
+  }, [j]), q = x(
+    (e) => (j.forEach((n) => {
+      const o = z.get(n.value) ?? [], c = o.length > 0 && o.every((h) => e.has(h));
+      ue && c ? e.add(n.value) : e.delete(n.value);
+    }), e),
+    [j, ue, z]
+  ), O = y(() => !t || !Array.isArray(r) ? /* @__PURE__ */ new Set() : q(new Set(r)), [t, r, q]), ge = t ? Array.isArray(r) && r.length > 0 : r || r === !1 || r === 0, Le = Pe && ge && !s, He = x((e) => {
+    re.current = e.scrollTop;
+  }, []);
+  Qe(() => {
+    u && !I && T.current && !(t && E.current !== null) && T.current.scrollTop(re.current);
+  }, [u, I, r, t]);
+  const { refs: B, floatingStyles: Ye } = Ze({
+    placement: "bottom-start",
+    middleware: [
+      er(5),
+      rr({
+        fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"]
+      })
+    ]
+  }), Me = () => {
+    if (!de)
+      return;
+    const e = Array.isArray(r) ? r : [], n = new Set(e), o = g.some((h) => !n.has(h));
+    g.forEach((h) => {
+      o ? n.add(h) : n.delete(h);
+    });
+    const c = q(n);
+    f(Array.from(c)), ke();
+  }, N = x(() => {
+    S(!1), p == null || p();
+  }, [p]), ne = x(() => {
+    if (s)
+      return;
+    f(t ? [] : ""), he(), N(), requestAnimationFrame(() => {
+      const n = B.reference.current;
+      n && n instanceof HTMLElement && n.focus();
+    });
+  }, [s, t, f, he, N, B]), We = x(
+    (e) => {
+      e.preventDefault(), e.stopPropagation(), ne();
+    },
+    [ne]
+  );
+  nr(fe, () => {
+    u && N();
+  });
+  const we = (e) => {
+    var n;
+    if (!e.disabled) {
+      if (t) {
+        const o = Array.isArray(r) ? r : [], c = new Set(o);
+        if ((n = e.children) != null && n.length) {
+          const F = z.get(e.value) ?? [], G = F.some((v) => !c.has(v));
+          F.forEach((v) => {
+            G ? c.add(v) : c.delete(v);
+          });
+        } else
+          c.has(e.value) ? c.delete(e.value) : c.add(e.value);
+        const h = q(c);
+        f(Array.from(h));
+      } else
+        f(e.value);
+      S((o) => t || !o);
+    }
+  }, Se = () => _.find(({ value: e }) => e === r), me = mr(_, r), {
+    getToggleButtonProps: $e,
+    getLabelProps: je,
+    getMenuProps: ze,
+    getItemProps: qe,
+    setHighlightedIndex: b,
+    highlightedIndex: se,
+    selectedItem: U
+  } = le({
+    items: _,
+    itemToString: (e) => (e != null && e.label ? String(e.label) : C) || "",
+    selectedItem: Se(),
+    isOpen: u,
+    circularNavigation: !0,
+    defaultHighlightedIndex: me,
+    onHighlightedIndexChange: (e) => {
+      switch (e.type) {
+        case le.stateChangeTypes.MenuKeyDownArrowUp:
+          return $(A.ON_KEY_DOWN), b(Er(_, e.highlightedIndex)), e;
+        case le.stateChangeTypes.MenuKeyDownArrowDown:
+          return $(A.ON_KEY_DOWN), b(Cr(_, e.highlightedIndex)), e;
+        default:
+          return e;
+      }
+    }
+  });
+  Oe(() => {
+    t && u && E.current !== null && E.current >= 0 && E.current < _.length && (b(E.current), E.current = null, requestAnimationFrame(() => {
+      T.current && !I && T.current.scrollTop(re.current);
+    }));
+  }, [t, u, r, _.length, b, I]);
+  const Be = () => {
+    s || (S((e) => !e), u ? p == null || p() : m == null || m(), $(A.ON_CLICK));
+  }, X = y(() => {
+    if (t && Array.isArray(r) && g.length > 0 && g.every((n) => O.has(n)))
+      return ee.label;
+    const e = _.reduce((n, o) => ((Array.isArray(r) && r.includes(o.value) || o.value === r) && n.push(o.label), n), []);
+    if (e.length > 0)
+      return e.join(", ");
+    if (!r && r !== !1 && r !== 0 || Array.isArray(r) && !r.length)
+      return C;
+  }, [
+    t,
+    r,
+    g,
+    O,
+    ee.label,
+    _,
+    C
+  ]);
+  Oe(() => {
+    if (te.current) {
+      const { offsetWidth: e, scrollWidth: n } = te.current;
+      _e(n > e);
+    } else
+      _e(!1);
+  }, [X]);
+  const Ue = (e) => {
+    const { keyCode: n } = e;
+    pr.includes(n) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !u && (b(me), S(!0), m == null || m(), $(A.ON_KEY_DOWN)));
+  }, Xe = (e) => {
+    const { keyCode: n } = e;
+    if (n === w.ENTER_KEY_CODE || n === w.SPACE_KEY_CODE) {
+      const o = _[se];
+      if (!o)
+        return;
+      t && (E.current = se), we(o), t || N();
+      return;
+    }
+    gr.includes(n) && (e.stopPropagation(), N());
+  }, ye = () => /* @__PURE__ */ D("div", { className: i("options-container"), children: [
+    t && de && /* @__PURE__ */ D(Ee, { children: [
+      /* @__PURE__ */ l(
+        Ne,
+        {
+          option: ee,
+          selected: Array.isArray(r) && g.length > 0 && g.every((e) => O.has(e)),
+          onChange: Me,
+          multiSelect: t,
+          isPartiallyChecked: g.some((e) => O.has(e)) && !g.every((e) => O.has(e))
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: i("divider") }),
+      " "
+    ] }),
+    k.map(({ option: e, depth: n }, o) => {
+      var G, v;
+      const c = z.get(e.value) ?? [e.value], h = t && c.every((ae) => O.has(ae)), F = t && ((G = e.children) == null ? void 0 : G.length) && c.some((ae) => O.has(ae)) && !h;
+      return /* @__PURE__ */ l(
+        Ne,
+        {
+          ...qe({
+            item: e,
+            index: o
+          }),
+          multiSelect: t,
+          selected: t ? h : e.value === ((U == null ? void 0 : U.value) ?? U),
+          option: { title: e.label, ...e },
+          highlightHovered: se === o && Ve !== A.ON_CLICK,
+          render: Y,
+          onChange: e.disabled ? null : () => we(e),
+          onMouseEnter: () => b(o),
+          depth: n,
+          hasChildren: !!((v = e.children) != null && v.length),
+          isPartiallyChecked: F
+        },
+        e.value
+      );
+    }),
+    W && /* @__PURE__ */ D(Ee, { children: [
+      /* @__PURE__ */ l("div", { className: i("divider") }),
+      typeof W == "function" ? W(N) : W
+    ] })
+  ] }), Fe = () => {
+    const e = ie ? ie(X) : X, n = /* @__PURE__ */ l(
+      "span",
+      {
+        ref: te,
+        className: i("value", {
+          placeholder: X === C
+        }),
+        children: e
+      }
+    );
+    return ge && !!e && Re ? /* @__PURE__ */ l(lr, { content: e, placement: "top", wrapperClassName: i("value-tooltip"), children: n }) : n;
+  }, Ge = $e({
+    className: i("dropdown", J, M, {
+      "transparent-background": Q,
+      opened: u,
+      disabled: s,
+      error: d,
+      touched: V,
+      "mobile-disabled": R
+    }),
+    onClick: Be,
+    onKeyDown: Ue,
+    ref: B.setReference
+  }), { type: Lr, ...Ce } = Ge;
+  return /* @__PURE__ */ D("div", { ref: fe, className: i("container", Z), title: K, children: [
+    H && /* @__PURE__ */ l(cr, { ...je(), children: H }),
+    /* @__PURE__ */ D(
+      "div",
+      {
+        ...Ce,
+        role: "button",
+        "aria-disabled": s,
+        tabIndex: s ? -1 : Ce.tabIndex ?? 0,
+        children: [
+          L && /* @__PURE__ */ l("span", { className: i("icon"), children: L }),
+          /* @__PURE__ */ l("div", { className: i("value-wrapper"), children: Fe() }),
+          Le && /* @__PURE__ */ l(
+            sr,
+            {
+              className: i("clear-button"),
+              onClick: We,
+              onKeyDown: (e) => {
+                const { keyCode: n } = e;
+                (n === w.ENTER_KEY_CODE || n === w.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), ne());
+              },
+              "aria-label": xe,
+              children: /* @__PURE__ */ l(ar, {})
+            }
+          ),
+          /* @__PURE__ */ l("span", { className: i("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ l(or, {}) })
+        ]
+      }
+    ),
+    u && /* @__PURE__ */ l(
+      "div",
+      {
+        style: Ye,
+        className: i(
+          "select-list",
+          { opened: u, "limited-width": Te },
+          Ie
+        ),
+        ...ze({
+          onKeyDown: Xe,
+          ref: B.setFloating
+        }),
+        children: I ? ye() : /* @__PURE__ */ l(
+          tr,
+          {
+            autoHeight: !0,
+            autoHeightMax: wr,
+            hideTracksWhenNotNeeded: !0,
+            ref: (e) => {
+              T.current = e;
+            },
+            onScrollFrame: He,
+            children: ye()
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  Jr as D
+};

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-ec754bbe.js";
+import { D as r } from "./dropdown-e85dd323.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -8,7 +8,12 @@ import "rc-scrollbars";
 import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
+import "./clear-53660571.js";
 import "./dropdown-0260bb66.js";
+import "./tooltip.js";
+import "react-dom";
+import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
 import "./fieldLabel.js";
 import "./checkbox-ed6cc375.js";
 export {