@viasat/beam-react 2.30.0 → 2.36.0

package/lib/Autocomplete/Autocomplete.es.js

@@ -1,298 +1,325 @@
-import { jsxs as C, jsx as i } from "react/jsx-runtime";
-import Qe, { useCallback as Ue, useState as Xe, useMemo as O, useRef as Ye, createElement as Ze } from "react";
-import { g as et } from "../../chunks/classNames.BTJmrO_L.js";
-import { t as tt } from "../../chunks/constants.CKKGf1-i.js";
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import { g as st } from "../../chunks/classNames.BTJmrO_L.js";
+import { t as it } from "../../chunks/constants.CKKGf1-i.js";
 import { s as r } from "../../chunks/combobox.module.D_HXP875.js";
-import L from "clsx";
-import { b as ot, H as st } from "../../chunks/form.context.D7b4066_.js";
-import { LabelProvider as rt } from "../Form/contexts/label.context.es.js";
-import { HelperTextProvider as lt } from "../Form/contexts/helperText.context.es.js";
-import { ActionList as T } from "../ActionList/ActionList.es.js";
-import { useCreateOptionsContext as it, OptionsProvider as at } from "../_Options/Option.context.es.js";
-import { Option as nt } from "../_Options/Option.es.js";
-import { useSelectValue as dt } from "../_Options/useSelectValue.es.js";
-import { useAutocompleteDropdown as ct } from "./useAutocompleteDropdown.es.js";
-import { AutocompleteDropdown as pt } from "./AutocompleteDropdown.es.js";
-import { useAutocompleteChips as ut } from "./useAutocompleteChips.es.js";
-import { useAutocompleteKeyboardManager as mt } from "./useAutocompleteKeyboardManager.es.js";
-import ft from "./utils/filterOptions.es.js";
-import bt from "./useClearSelection.es.js";
-import { AutocompleteField as ht } from "./AutocompleteField.es.js";
-import xt from "./useAutocompleteA11y.es.js";
-import { useAutocompleteInteractions as yt } from "./useAutocompleteInteractions.es.js";
-import { createSelectionStrategy as vt } from "../_Options/strategies/SelectionStrategy.es.js";
-import { OptionChips as Ct } from "../_Options/OptionChips.es.js";
-const { baseClassNamePrefix: Ot, subElementClassPrefix: R, classModifierPrefix: a } = et("combobox"), Pt = Qe.forwardRef(
+import lt from "clsx";
+import nt, { useCallback as at, useState as dt, useMemo as h, useRef as pt } from "react";
+import { b as ct, H as ut } from "../../chunks/form.context.D7b4066_.js";
+import { LabelProvider as mt } from "../Form/contexts/label.context.es.js";
+import { HelperTextProvider as ft } from "../Form/contexts/helperText.context.es.js";
+import { ActionList as Q } from "../ActionList/ActionList.es.js";
+import { useCreateOptionsContext as bt, OptionsProvider as ht } from "../_Options/Option.context.es.js";
+import { Option as xt } from "../_Options/Option.es.js";
+import { OptionGroup as gt } from "../_Options/OptionGroup.es.js";
+import "../_Options/OptionGroup.context.es.js";
+import { getLastVisibleStructureIndex as yt } from "../_Options/getLastVisibleStructureIndex.es.js";
+import { useRenderOption as vt } from "../_Options/useRenderOption.es.js";
+import { useSelectValue as Ot } from "../_Options/useSelectValue.es.js";
+import { useAutocompleteDropdown as Ct } from "./useAutocompleteDropdown.es.js";
+import { AutocompleteDropdown as It } from "./AutocompleteDropdown.es.js";
+import { useAutocompleteChips as Pt } from "./useAutocompleteChips.es.js";
+import { useAutocompleteKeyboardManager as At } from "./useAutocompleteKeyboardManager.es.js";
+import St from "./utils/filterOptions.es.js";
+import Bt from "./useClearSelection.es.js";
+import { AutocompleteField as Vt } from "./AutocompleteField.es.js";
+import $t from "./useAutocompleteA11y.es.js";
+import { useAutocompleteInteractions as Nt } from "./useAutocompleteInteractions.es.js";
+import { createSelectionStrategy as wt } from "../_Options/strategies/SelectionStrategy.es.js";
+import { OptionChips as Rt } from "../_Options/OptionChips.es.js";
+const { baseClassNamePrefix: Dt, subElementClassPrefix: L, classModifierPrefix: a } = st("combobox"), Ft = nt.forwardRef(
   ({
-    theme: P,
-    width: K,
-    error: d,
-    children: G,
-    label: W = null,
-    contentBefore: _,
-    contentAfter: z,
-    fluid: J = !1,
-    helperText: k = null,
-    validationRules: Q = [],
-    className: U,
-    hideRequiredMarker: X = !1,
-    disabled: Y = !1,
-    readOnly: Z = !1,
-    required: ee = !1,
-    placeholder: te = "",
-    onChange: f,
-    noResultsText: oe = "No results found",
-    optionFilter: g,
-    hideChevron: se = !1,
-    ...b
-  }, re) => {
+    theme: I,
+    width: U,
+    error: p,
+    children: X,
+    label: Y = null,
+    contentBefore: Z,
+    contentAfter: ee,
+    fluid: te = !1,
+    helperText: q = null,
+    validationRules: oe = [],
+    className: re,
+    hideRequiredMarker: se = !1,
+    disabled: ie = !1,
+    readOnly: le = !1,
+    required: ne = !1,
+    placeholder: ae = "",
+    onChange: x,
+    noResultsText: de = "No results found",
+    optionFilter: P,
+    hideChevron: pe = !1,
+    ...g
+  }, ce) => {
     const {
-      id: w,
-      name: le,
-      "aria-describedby": ie,
-      multiple: o = !1,
-      clearable: ae = o,
-      ...ne
-    } = b, { showErrors: de, isInvalid: ce, errorShown: pe, disabled: s, readOnly: l, required: I } = ot({
-      name: le,
-      validationRules: Q,
-      disabledProp: Y,
-      readOnlyProp: Z,
-      requiredProp: ee
-    }), { aria: h, ids: ue } = xt({
-      helperText: k,
-      externalDescribedBy: ie,
-      error: d,
-      errorShown: pe,
-      invalid: !!d || ce
-    }), { helperTextId: me, errorId: fe, validationErrorsId: be, labelId: A } = ue, he = !!(d != null && d.length), xe = Ue(
-      (t) => {
-        f == null || f(t);
+      id: H,
+      name: ue,
+      "aria-describedby": me,
+      multiple: t = !1,
+      clearable: fe = t,
+      ...be
+    } = g, { showErrors: he, isInvalid: xe, errorShown: ge, disabled: o, readOnly: i, required: A } = ct({
+      name: ue,
+      validationRules: oe,
+      disabledProp: ie,
+      readOnlyProp: le,
+      requiredProp: ne
+    }), { aria: y, ids: ye } = $t({
+      helperText: q,
+      externalDescribedBy: me,
+      error: p,
+      errorShown: ge,
+      invalid: !!p || xe
+    }), { helperTextId: ve, errorId: Oe, validationErrorsId: Ce, labelId: S } = ye, Ie = !!(p != null && p.length), Pe = at(
+      (e) => {
+        x == null || x(e);
       },
-      [f]
+      [x]
     ), {
-      value: c,
-      setValue: E,
-      selectProps: ye,
-      handleBlur: ve,
-      singleValue: S
-    } = dt({ onChange: xe, ...b }, re), [p, $] = Xe(null), N = !p && (!c || Array.isArray(c) && !c.length), {
-      optionsContext: Ce,
-      optionIds: n,
-      optionsProps: u,
-      selectedOptionsProps: B,
-      deselectOptionValue: M,
-      getOptionByIndex: Oe
-    } = it(c, E, o), Pe = O(() => {
-      if (!S) return;
-      const t = n.map((e) => u.get(e)).findIndex((e) => (e == null ? void 0 : e.value) === S);
-      return t !== -1 ? t : void 0;
-    }, [n, u, S]), D = Ye(null), {
-      getFieldProps: ge,
-      getInputProps: Ie,
-      dropdownProps: Ae,
-      refs: Se,
-      open: V,
-      setOpen: x,
-      status: $e,
-      setDisplayActiveIndex: Ne
-    } = ct({
-      disabled: s,
-      readOnly: l,
-      lastSelectedOptionIndex: Pe,
-      fieldRef: D
-    }), y = Se.domReference, Be = L(
-      r[Ot],
-      P && tt(P),
-      J && r[`${a}fluid`],
-      h.invalid && r[`${a}error`],
-      s && r[`${a}disabled`],
-      l && r[`${a}read-only`],
-      N && r[`${a}empty`],
-      o && r[`${a}multiple`],
+      value: u,
+      setValue: k,
+      selectProps: Ae,
+      handleBlur: Se,
+      singleValue: B
+    } = Ot({ onChange: Pe, ...g }, ce), [m, V] = dt(null), $ = !m && (!u || Array.isArray(u) && !u.length), {
+      optionsContext: Be,
+      optionIds: d,
+      optionsProps: f,
+      selectedOptionsProps: N,
+      deselectOptionValue: T,
+      getOptionByIndex: Ve,
+      structureIds: w,
+      groupsProps: R,
+      optionGroupOf: j,
+      optionIdsByGroup: D
+    } = bt(u, k, t), $e = h(() => {
+      if (!B) return;
+      const e = d.map((s) => f.get(s)).findIndex((s) => (s == null ? void 0 : s.value) === B);
+      return e !== -1 ? e : void 0;
+    }, [d, f, B]), F = pt(null), {
+      getFieldProps: Ne,
+      getInputProps: we,
+      dropdownProps: Re,
+      refs: De,
+      open: K,
+      setOpen: v,
+      status: Fe,
+      setDisplayActiveIndex: Ge
+    } = Ct({
+      disabled: o,
+      readOnly: i,
+      lastSelectedOptionIndex: $e,
+      fieldRef: F
+    }), O = De.domReference, Ee = lt(
+      r[Dt],
+      I && it(I),
+      te && r[`${a}fluid`],
+      y.invalid && r[`${a}error`],
+      o && r[`${a}disabled`],
+      i && r[`${a}read-only`],
+      $ && r[`${a}empty`],
+      t && r[`${a}multiple`],
       r[`${a}autocomplete`],
-      r[`${a}dropdown-${$e}`],
-      U
-    ), { canClear: De, handleClear: Fe } = bt({
-      multiple: o,
-      clearable: ae,
-      isEmpty: N,
-      disabled: s,
-      readOnly: l,
-      setValue: E,
-      setSearchText: $,
-      inputRef: y,
-      setOpen: x
+      r[`${a}dropdown-${Fe}`],
+      re
+    ), { canClear: Le, handleClear: Me } = Bt({
+      multiple: t,
+      clearable: fe,
+      isEmpty: $,
+      disabled: o,
+      readOnly: i,
+      setValue: k,
+      setSearchText: V,
+      inputRef: O,
+      setOpen: v
     }), {
-      chipGroupProps: Re,
-      handleBlur: ke,
-      selectedChip: we,
-      setSelectedChip: Ee,
-      enabled: Me,
-      selectPreviousChip: Ve,
-      selectNextChip: qe,
-      options: He,
-      deselectOptionValue: Le
-    } = ut({
-      multiple: o,
-      disabled: s,
-      readOnly: l,
-      open: V,
-      setOpen: x,
-      options: B,
-      deselectOptionValue: M,
-      fieldRef: D,
-      inputRef: y
-    }), { getKeyboardProps: q } = mt({
-      multiple: o,
-      disabled: s,
-      readOnly: l,
-      open: V,
-      setOpen: x,
-      inputRef: y,
-      fieldRef: D,
+      chipGroupProps: qe,
+      handleBlur: He,
+      selectedChip: ke,
+      setSelectedChip: Te,
+      enabled: je,
+      selectPreviousChip: Ke,
+      selectNextChip: We,
+      options: _e,
+      deselectOptionValue: ze
+    } = Pt({
+      multiple: t,
+      disabled: o,
+      readOnly: i,
+      open: K,
+      setOpen: v,
+      options: N,
+      deselectOptionValue: T,
+      fieldRef: F,
+      inputRef: O
+    }), { getKeyboardProps: W } = At({
+      multiple: t,
+      disabled: o,
+      readOnly: i,
+      open: K,
+      setOpen: v,
+      inputRef: O,
+      fieldRef: F,
       chips: {
-        enabled: Me,
-        selectedChip: we,
-        setSelectedChip: Ee,
-        selectPreviousChip: Ve,
-        selectNextChip: qe,
-        options: He,
-        deselectOptionValue: Le
+        enabled: je,
+        selectedChip: ke,
+        setSelectedChip: Te,
+        selectPreviousChip: Ke,
+        selectNextChip: We,
+        options: _e,
+        deselectOptionValue: ze
       }
-    }), H = O(
-      () => vt(o),
-      [o]
-    ), { handleBlur: Te, handleFocus: je, handleItemClick: Ke } = yt({
-      selectionStrategy: H,
-      selectedOptions: B,
-      inputRef: y,
-      blurSelect: ve,
-      blurChips: ke,
-      setSearchText: $,
-      setOpen: x,
-      searchText: p,
-      getOptionByIndex: Oe,
-      setDisplayActiveIndex: Ne
-    }), F = O(
-      () => n.reduce((t, e) => {
-        const m = u.get(e);
-        if (!m) return t;
-        const v = g ? g(m, p) : ft(m, p);
-        return t[e] = v, t;
+    }), _ = h(
+      () => wt(t),
+      [t]
+    ), { handleBlur: Je, handleFocus: Qe, handleItemClick: Ue } = Nt({
+      selectionStrategy: _,
+      selectedOptions: N,
+      inputRef: O,
+      blurSelect: Se,
+      blurChips: He,
+      setSearchText: V,
+      setOpen: v,
+      searchText: m,
+      getOptionByIndex: Ve,
+      setDisplayActiveIndex: Ge
+    }), c = h(
+      () => d.reduce((e, s) => {
+        const l = f.get(s);
+        if (!l) return e;
+        const b = j.get(s), J = b ? R.get(b) : void 0, G = P ? P(l, m, J) : St(l, m);
+        return e[s] = G, e;
       }, {}),
-      [n, u, p, g]
-    ), Ge = O(() => n.every((t) => F[t]), [n, F]), { ref: We, ..._e } = q(ge()), ze = q(Ie());
-    return /* @__PURE__ */ C(at, { value: Ce, children: [
-      /* @__PURE__ */ C("div", { className: Be, style: { maxWidth: K }, children: [
-        /* @__PURE__ */ i(
-          rt,
+      [
+        d,
+        f,
+        m,
+        P,
+        j,
+        R
+      ]
+    ), Xe = h(() => d.length === 0 ? !1 : d.every((e) => c[e]), [d, c]), Ye = h(
+      () => yt(
+        w,
+        D,
+        c
+      ),
+      [w, D, c]
+    ), z = vt({
+      optionsProps: f,
+      selectionStrategy: _,
+      value: u,
+      multiple: t,
+      optionClassName: r[`${L}option`],
+      filteredOptionsById: c
+    }), { ref: Ze, ...et } = W(Ne()), tt = W(we());
+    return /* @__PURE__ */ C(ht, { value: Be, children: [
+      /* @__PURE__ */ C("div", { className: Ee, style: { maxWidth: U }, children: [
+        /* @__PURE__ */ n(
+          mt,
           {
-            ctxHtmlFor: w,
-            ctxDisabled: s,
-            ctxRequired: I && !X,
-            ctxId: A,
-            children: W
+            ctxHtmlFor: H,
+            ctxDisabled: o,
+            ctxRequired: A && !se,
+            ctxId: S,
+            children: Y
           }
         ),
-        /* @__PURE__ */ i(
-          ht,
+        /* @__PURE__ */ n(
+          Vt,
           {
-            id: w,
-            disabled: s,
-            readOnly: l,
-            required: I,
-            contentBefore: _,
-            contentAfter: z,
-            chips: /* @__PURE__ */ i(
-              Ct,
+            id: H,
+            disabled: o,
+            readOnly: i,
+            required: A,
+            contentBefore: Z,
+            contentAfter: ee,
+            chips: /* @__PURE__ */ n(
+              Rt,
               {
-                multiple: o,
-                disabled: s,
-                readOnly: l,
-                selectedOptions: B,
-                deselectOptionValue: M,
-                chipGroupProps: Re,
-                input: /* @__PURE__ */ i(
+                multiple: t,
+                disabled: o,
+                readOnly: i,
+                selectedOptions: N,
+                deselectOptionValue: T,
+                chipGroupProps: qe,
+                input: /* @__PURE__ */ n(
                   "input",
                   {
-                    className: r[`${R}field__input`],
-                    "aria-readonly": l,
-                    "aria-disabled": s,
-                    "aria-required": I,
-                    "aria-invalid": h.invalid,
-                    "aria-errormessage": h.errorMessage || void 0,
-                    "aria-labelledby": !b.ariaLabel && A ? A : void 0,
-                    "aria-label": b.ariaLabel,
-                    "aria-describedby": h.describedBy,
-                    placeholder: o && !N ? "" : te,
-                    onChange: (t) => $(t.target.value),
-                    disabled: s,
-                    readOnly: l,
+                    className: r[`${L}field__input`],
+                    "aria-readonly": i,
+                    "aria-disabled": o,
+                    "aria-required": A,
+                    "aria-invalid": y.invalid,
+                    "aria-errormessage": y.errorMessage || void 0,
+                    "aria-labelledby": !g.ariaLabel && S ? S : void 0,
+                    "aria-label": g.ariaLabel,
+                    "aria-describedby": y.describedBy,
+                    placeholder: t && !$ ? "" : ae,
+                    onChange: (e) => V(e.target.value),
+                    disabled: o,
+                    readOnly: i,
                     autoComplete: "off",
-                    tabIndex: s ? -1 : 0,
+                    tabIndex: o ? -1 : 0,
                     autoFocus: !1,
-                    ...ze
+                    ...tt
                   }
                 )
               }
             ),
-            hasClearButton: De,
-            hideChevron: se,
-            onClear: Fe,
-            onBlur: Te,
-            onFocusCapture: je,
-            ..._e,
-            ref: We
+            hasClearButton: Le,
+            hideChevron: pe,
+            onClear: Me,
+            onBlur: Je,
+            onFocusCapture: Qe,
+            ...et,
+            ref: Ze
           }
         ),
-        /* @__PURE__ */ C(lt, { ctxId: me, ctxDisabled: s, children: [
-          k,
-          he && /* @__PURE__ */ i(st, { id: fe, appearance: "negative", children: d })
+        /* @__PURE__ */ C(ft, { ctxId: ve, ctxDisabled: o, children: [
+          q,
+          Ie && /* @__PURE__ */ n(ut, { id: Oe, appearance: "negative", children: p })
         ] }),
-        de(be)
+        he(Ce)
       ] }),
-      /* @__PURE__ */ C("select", { ...ne, ...ye, hidden: !0, multiple: o, children: [
-        /* @__PURE__ */ i("option", { value: "", children: "empty" }),
-        G
+      /* @__PURE__ */ C("select", { ...be, ...Ae, hidden: !0, multiple: t, children: [
+        /* @__PURE__ */ n("option", { value: "", children: "empty" }),
+        X
       ] }),
-      /* @__PURE__ */ i(
-        pt,
+      /* @__PURE__ */ n(
+        It,
         {
-          ...Ae,
-          className: r[`${R}dropdown`],
-          disabled: s,
-          readOnly: l,
-          theme: P,
-          multiple: o,
-          onItemClick: Ke,
-          children: /* @__PURE__ */ i(
-            T,
+          ...Re,
+          className: r[`${L}dropdown`],
+          disabled: o,
+          readOnly: i,
+          theme: I,
+          multiple: t,
+          onItemClick: Ue,
+          children: /* @__PURE__ */ n(
+            Q,
             {
               role: "listbox",
-              noResults: Ge ? oe : void 0,
-              children: n.map((t) => {
-                const e = u.get(t);
-                if (!e) return null;
-                const m = H.isSelected(
-                  e.value,
-                  c
-                ), v = F[t], Je = v || e.disabled;
-                return /* @__PURE__ */ Ze(
-                  T.Item,
+              noResults: Xe ? de : void 0,
+              children: w.map((e, s) => {
+                if (e.kind === "option")
+                  return z(e.id);
+                const l = R.get(e.id);
+                if (!l) return null;
+                const b = D.get(e.id) ?? [], G = !b.some(
+                  (E) => !c[E]
+                ), ot = s === Ye, rt = !!l.divider && !ot;
+                return /* @__PURE__ */ n(
+                  Q.Group,
                   {
-                    ...e,
-                    className: L(
-                      r[`${R}option`],
-                      e.className
-                    ),
-                    disabled: Je,
-                    hidden: v,
-                    defaultSelected: m,
-                    key: `opt-${e.value ?? e.label}`,
-                    kind: o ? "checkbox" : "singleCheckMark",
-                    role: "option"
-                  }
+                    heading: l.heading,
+                    divider: rt,
+                    disabled: l.disabled,
+                    hidden: G,
+                    children: b.map(
+                      (E) => z(E, l.disabled)
+                    )
+                  },
+                  e.id
                 );
               })
             }
@@ -301,10 +328,11 @@ const { baseClassNamePrefix: Ot, subElementClassPrefix: R, classModifierPrefix:
       )
     ] });
   }
-), j = Pt;
-j.Option = nt;
-j.displayName = "Autocomplete";
+), M = Ft;
+M.Option = xt;
+M.OptionGroup = gt;
+M.displayName = "Autocomplete";
 export {
-  j as Autocomplete,
-  j as default
+  M as Autocomplete,
+  M as default
 };

package/lib/Autocomplete/AutocompleteDropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DAeKwerT.js"),P=require("../../chunks/constants.hwjHOsvT.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/floatingui.module.D3Aw_aYe.js"),O=require("../../chunks/popover.module.DGUJIXrP.js");require("../_Options/Option.context.cjs.js");const M=require("../_Options/Option.cjs.js");require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const{baseClassNamePrefix:S}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:w}=a.getBEMClassNames("popover"),L=[M.Option],T=({setOpen:o,isMounted:n,status:l,nodeId:u,context:c,getFloatingProps:d,floatingStyles:x,labelsRef:f,elementsRef:p,getItemProps:q,setFloating:g,disabled:m,readOnly:N,theme:t,className:b,children:F,multiple:i,activeIndex:_,onItemClick:s})=>{const j=y.useCallback(h=>{s==null||s(h),!i&&o(!1)},[i,s,o]);return n?e.jsx(r.FloatingTree,{children:e.jsx(r.FloatingNode,{id:u,children:e.jsx(r.FloatingPortal,{children:e.jsx(r.FloatingFocusManager,{context:c,modal:!1,initialFocus:0,disabled:m||N,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(t&&P.themeClassName(t),A.floatinguiStyles[S],O.popoverStyles[w],b),...d(),style:x,ref:g,children:e.jsx(v.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:q,itemsFocusable:!1,onItemClick:j,labelsRef:f,elementsRef:p,activeIndex:_,children:F})})})})})}):null};exports.AutocompleteDropdown=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DAeKwerT.js"),P=require("../../chunks/constants.hwjHOsvT.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/FloatingUI.arrow.DFhYQv_F.js"),O=require("../../chunks/popover.module.DGUJIXrP.js");require("../_Options/Option.context.cjs.js");const w=require("../_Options/Option.cjs.js");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=a.getBEMClassNames("popover"),L=[w.Option],T=({setOpen:o,isMounted:n,status:l,nodeId:u,context:c,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:p,setFloating:f,disabled:m,readOnly:F,theme:t,className:_,children:b,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&o(!1)},[i,r,o]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:u,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:c,modal:!1,initialFocus:0,disabled:m||F,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(t&&P.themeClassName(t),A.floatinguiStyles[M],O.popoverStyles[S],_),...d(),style:q,ref:f,children:e.jsx(v.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:p,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:b})})})})})}):null};exports.AutocompleteDropdown=T;