@iress-oss/ids-components 5.16.0 → 6.0.0-alpha.0

package/dist/Filter-Bwk7SIlJ.js

@@ -0,0 +1,1103 @@
+import { jsxs as w, jsx as e, Fragment as mt } from "react/jsx-runtime";
+import { useMemo as Ft, useState as q, useContext as Pt, useCallback as rt, useEffect as st, useRef as ot, useId as Ct, forwardRef as ut, useImperativeHandle as ht } from "react";
+import { c as H } from "./cx-DN21T1EH.js";
+import { filter as Ot } from "./components/Filter/Filter.styles.js";
+import { propagateTestid as W } from "./helpers/utility/propagateTestid.js";
+import { IressPopover as bt } from "./components/Popover/Popover.js";
+import "./components/Popover/Popover.styles.js";
+import { I as yt } from "./InputPopover-BWWuoQZ2.js";
+import { PopoverContext as Mt } from "./components/Popover/hooks/usePopover.js";
+import { I as It } from "./Button-BXzmntRi.js";
+import "./components/Button/CloseButton/CloseButton.js";
+import { useRichSelectState as Dt } from "./components/RichSelect/hooks/useRichSelectState.js";
+import { richSelect as Et } from "./components/RichSelect/RichSelect.styles.js";
+import "./components/Icon/Icon.styles.js";
+import { GlobalCSSClass as O } from "./enums.js";
+import "./components/Alert/Alert.styles.js";
+import "./components/Inline/Inline.styles.js";
+import { IressInline as kt } from "./components/Inline/Inline.js";
+import { autoComplete as Tt } from "./components/Autocomplete/Autocomplete.styles.js";
+import { IressInput as zt } from "./components/Input/Input.js";
+import "./components/Input/Input.styles.js";
+import { useControlledState as Gt } from "./hooks/useControlledState.js";
+import { toArray as pt } from "./helpers/formatting/toArray.js";
+import { getValueAsEvent as ct } from "./helpers/form/getValueAsEvent.js";
+import { getFormControlValueAsStringIfDefined as At } from "./helpers/form/getFormControlValueAsStringIfDefined.js";
+import { useAutocompleteSearch as St } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
+import { IressIcon as lt } from "./components/Icon/Icon.js";
+import { AutocompleteInstructions as Kt } from "./components/Autocomplete/components/AutocompleteInstructions.js";
+import { IressAlert as Lt } from "./components/Alert/Alert.js";
+import "./components/Badge/Badge.styles.js";
+import "./components/ButtonGroup/ButtonGroup.styles.js";
+import "./components/ButtonGroup/ButtonGroupProvider.js";
+import "./components/Card/Card.styles.js";
+import "./components/Checkbox/Checkbox.js";
+import "./components/Checkbox/Checkbox.styles.js";
+import "./components/CheckboxGroup/CheckboxGroup.js";
+import "./components/CheckboxGroup/CheckboxGroup.styles.js";
+import "./components/Col/Col.styles.js";
+import "./components/Col/Col.js";
+import "./components/Container/Container.styles.js";
+import "./components/Container/Container.js";
+import "./components/Divider/Divider.styles.js";
+import "./components/Expander/Expander.styles.js";
+import "./components/Label/Label.styles.js";
+import "./components/Field/Field.styles.js";
+import "./components/Tooltip/Tooltip.styles.js";
+import "./components/Field/FieldGroup/FieldGroup.styles.js";
+import { useIdIfNeeded as Ut } from "./hooks/useIdIfNeeded.js";
+import { IressDivider as Jt } from "./components/Divider/Divider.js";
+import "./components/Hide/Hide.js";
+import "./components/Image/Image.js";
+import "./components/Image/Image.styles.js";
+import "./components/InputCurrency/InputCurrency.js";
+import "./components/Link/Link.js";
+import "./components/Link/Link.styles.js";
+import { IressMenu as Xt } from "./components/Menu/Menu.js";
+import "./components/Menu/Menu.styles.js";
+import { IressMenuItem as gt } from "./components/Menu/MenuItem/MenuItem.js";
+import "./components/Modal/Modal.styles.js";
+import "./components/Modal/ModalProvider.js";
+import { IressPanel as Yt } from "./components/Panel/Panel.js";
+import "./components/Panel/Panel.styles.js";
+import "./components/Placeholder/Placeholder.styles.js";
+import "./components/Progress/Progress.styles.js";
+import "./index-DlGwAtoO.js";
+import "./ToasterProvider-XqpAGfRs.js";
+import "./components/Toaster/Toaster.styles.js";
+import "./components/Toaster/components/Toast/Toast.styles.js";
+import "./components/Slideout/Slideout.styles.js";
+import "./components/Slideout/SlideoutProvider.js";
+import "react-dom";
+import "./typography--vGt_ztU.js";
+import "./components/Radio/Radio.js";
+import "./components/Radio/Radio.styles.js";
+import "./components/RadioGroup/RadioGroup.js";
+import "./components/RadioGroup/RadioGroup.styles.js";
+import { IressReadonly as Wt } from "./components/Readonly/Readonly.js";
+import "./components/Readonly/Readonly.styles.js";
+import "./components/Row/Row.styles.js";
+import "./components/Row/Row.js";
+import "./components/Select/Select.styles.js";
+import "./components/Select/Select.js";
+import "./components/Skeleton/Skeleton.styles.js";
+import "./components/SkipLink/SkipLink.js";
+import "./components/SkipLink/SkipLink.styles.js";
+import "./components/Slider/Slider.js";
+import "./components/Slider/Slider.styles.js";
+import "./components/Spinner/Spinner.styles.js";
+import "./components/Stack/Stack.styles.js";
+import "./TableProvider-D8SQKIG8.js";
+import "./components/Table/Table.styles.js";
+import "./components/TabSet/TabSetProvider.js";
+import "./components/TabSet/TabSet.styles.js";
+import "./components/TabSet/Tab/Tab.js";
+import "./components/TabSet/Tab/Tab.styles.js";
+import "./components/Tag/Tag.styles.js";
+import "./components/Tag/TagInput/TagInput.js";
+import "./components/CheckboxMark/CheckboxMark.styles.js";
+import "./components/Toggle/Toggle.styles.js";
+import "./patterns/Form/Form.js";
+import "./patterns/Form/FormContext.js";
+import "./patterns/Form/FormValidationSummary/FormValidationSummary.js";
+import "./patterns/Form/HookForm/HookForm.js";
+import "./patterns/Loading/Loading.js";
+import "./patterns/Loading/LoadingSuspense.js";
+import "./components/RichSelect/SelectBody/SelectBody.styles.js";
+import "./fuzzysort-eoXOpoo6.js";
+import { IressMenuHeading as Zt } from "./components/Menu/MenuText/MenuText.js";
+import { usePopoverItem as qt } from "./components/Popover/hooks/usePopoverItem.js";
+import "./components/RichSelect/SelectLabel/SelectLabel.styles.js";
+import "./components/RichSelect/SelectMenu/SelectMenu.styles.js";
+import { selectSearch as Qt } from "./components/RichSelect/SelectSearch/SelectSearch.styles.js";
+import { IressSelectSearchInput as te } from "./components/RichSelect/SelectSearchInput/SelectSearchInput.js";
+import { selectTags as Ht } from "./components/RichSelect/SelectTags/SelectTags.styles.js";
+import { IressSelectMenu as it } from "./components/RichSelect/SelectMenu/SelectMenu.js";
+import { useFilterFlags as ee } from "./components/Filter/hooks/useFilterFlags.js";
+import { FilterSearch as re } from "./components/Filter/components/FilterSearch.js";
+import { FilterResetButton as se } from "./components/Filter/components/FilterResetButton.js";
+import { FilterLabel as oe } from "./components/Filter/components/FilterLabel.js";
+import { FilterResultsDescriptor as ce } from "./components/Filter/components/FilterResultsDescriptor.js";
+import { IressSelectLabel as ie } from "./components/RichSelect/SelectLabel/SelectLabel.js";
+import { IressText as Nt } from "./components/Text/Text.js";
+import { focusableElements as ne } from "./helpers/dom/focusableElements.js";
+import { composeLabelValueDescriptor as ae } from "./helpers/label-value/composeLabelValueDescriptor.js";
+import { IressTag as Rt } from "./components/Tag/Tag.js";
+import { IressMenuDivider as le } from "./components/Menu/MenuDivider/MenuDivider.js";
+import { handlePopoverTabKey as me } from "./components/Popover/helpers/handlePopoverTabKey.js";
+import { SelectHiddenInput as ue } from "./components/RichSelect/components/SelectHiddenInput.js";
+import { useNoDefaultValueInForms as pe } from "./patterns/Form/hooks/useNoDefaultValueInForms.js";
+const xt = (r, m) => {
+  if (!(r != null && r.api.elements.reference) || !m)
+    return;
+  const t = r.getFocusableActivator(), n = ne(
+    r.api.elements.reference
+  ).filter((s) => s !== t);
+  if (n.length < 1)
+    t == null || t.focus();
+  else {
+    const s = n.indexOf(m.currentTarget), o = n.filter(
+      (l) => l !== m.currentTarget
+    ), c = Math.max(s - 1, 0);
+    !o[c] && o[0] ? o[0].focus() : o[0] ? o[c].focus() : t == null || t.focus();
+  }
+}, de = ({
+  "data-testid": r,
+  limit: m = 5,
+  onDelete: t,
+  onDeleteAll: n,
+  onToggleActions: s,
+  selectedArray: o,
+  selectedOptionsText: c
+}) => {
+  const [l, h] = q(!1), u = Pt(Mt), f = Ht(), d = rt(
+    (a, i) => {
+      t == null || t(
+        o.find((p) => p.label === a),
+        i
+      ), i.stopPropagation(), xt(u, i);
+    },
+    [t, u, o]
+  ), v = rt(
+    (a) => {
+      var i;
+      n == null || n(a), (i = u == null ? void 0 : u.getFocusableActivator()) == null || i.focus();
+    },
+    [n, u]
+  );
+  return st(() => {
+    o.length || h(!1);
+  }, [o]), l || !m || o.length <= m ? o.map((a) => /* @__PURE__ */ e(
+    Rt,
+    {
+      className: f.tag,
+      "data-testid": W(r, "tag"),
+      deleteButtonText: `Delete ${a.label}`,
+      onDelete: d,
+      children: a.label
+    },
+    At(a.value) ?? a.label
+  )) : /* @__PURE__ */ e(
+    Rt,
+    {
+      className: f.tag,
+      "data-testid": W(r, "tag"),
+      deleteButton: /* @__PURE__ */ e(
+        bt,
+        {
+          activator: /* @__PURE__ */ e(It, { mode: "tertiary", children: /* @__PURE__ */ e(
+            lt,
+            {
+              name: "chevron-circle-down",
+              screenreaderText: "Actions"
+            }
+          ) }),
+          onActivated: () => s == null ? void 0 : s(!0),
+          onClick: (a) => {
+            a.stopPropagation(), xt(u, a);
+          },
+          onDeactivated: () => s == null ? void 0 : s(!1),
+          children: /* @__PURE__ */ w(Xt, { children: [
+            /* @__PURE__ */ e(gt, { onClick: () => h(!0), children: "Expand all" }),
+            /* @__PURE__ */ e(gt, { onClick: v, children: "Delete all" })
+          ] })
+        }
+      ),
+      children: ae(o, c)
+    }
+  );
+}, fe = ({
+  append: r = "",
+  className: m,
+  "data-testid": t,
+  id: n,
+  limit: s = 5,
+  onDelete: o,
+  onDeleteAll: c,
+  onToggleActions: l,
+  placeholder: h,
+  prepend: u,
+  selected: f,
+  selectedOptionsText: d = "{{numOptions}} selected",
+  ...v
+}) => {
+  const a = Ft(() => pt(f), [f]), i = !a.length && h, p = !!a.length, b = r == null || r === "" || !r, S = Ht({ showDefaultChevron: b });
+  return /* @__PURE__ */ w(
+    Nt,
+    {
+      ...v,
+      id: n,
+      tabIndex: 0,
+      className: H(
+        m,
+        S.root,
+        O.FormElementInner,
+        O.RichSelectTags
+      ),
+      children: [
+        u && /* @__PURE__ */ e("span", { className: S.prepend, children: u }),
+        i && /* @__PURE__ */ e(Nt, { className: S.placeholder, children: h }),
+        p && /* @__PURE__ */ e(kt, { gap: "sm", className: S.tagsList, children: /* @__PURE__ */ e(
+          de,
+          {
+            "data-testid": t,
+            limit: s,
+            onDelete: o,
+            onDeleteAll: c,
+            onToggleActions: l,
+            selectedArray: a,
+            selectedOptionsText: d
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: S.append,
+            role: "combobox",
+            "aria-label": "Select options",
+            children: r
+          }
+        )
+      ]
+    }
+  );
+}, he = ({
+  append: r,
+  async: m,
+  id: t,
+  error: n,
+  loading: s,
+  multiSelect: o,
+  onChange: c,
+  placeholder: l,
+  prepend: h,
+  renderLabel: u,
+  selectedOptionsText: f,
+  setShow: d,
+  setValue: v,
+  show: a,
+  value: i
+}) => u ? u({
+  close: () => d(!1),
+  error: n,
+  loading: s,
+  setValue: v,
+  show: a,
+  value: i
+}) : o ? /* @__PURE__ */ e(
+  fe,
+  {
+    append: r,
+    id: t,
+    onDelete: (p) => {
+      if (!p) return;
+      const b = pt(i).filter(
+        (S) => S.label !== p.label
+      );
+      v(b), c == null || c(ct(b), b);
+    },
+    onDeleteAll: () => {
+      const p = [];
+      v(p), c == null || c(ct([]), p);
+    },
+    onToggleActions: () => d(!1),
+    placeholder: l,
+    prepend: h,
+    selected: i,
+    selectedOptionsText: f
+  }
+) : /* @__PURE__ */ e(
+  ie,
+  {
+    append: r,
+    id: t,
+    placeholder: l,
+    prepend: h,
+    role: m ? void 0 : "combobox",
+    selected: i,
+    selectedOptionsText: f
+  }
+), be = ({
+  className: r,
+  contentClassName: m,
+  contentStyle: t,
+  onKeyDown: n,
+  ...s
+}) => {
+  const o = Pt(Mt), c = Qt();
+  return /* @__PURE__ */ e(
+    yt,
+    {
+      ...s,
+      className: H(
+        c.root,
+        r,
+        O.RichSelectSearch
+      ),
+      contentStyle: {
+        ...t,
+        className: H(
+          c.content,
+          m,
+          O.RichSelectSearchContent,
+          t == null ? void 0 : t.className
+        )
+      },
+      displayMode: "inline",
+      onKeyDown: (l) => {
+        n == null || n(l), o && me(o, l);
+      },
+      show: !0
+    }
+  );
+}, Ie = ({
+  minSearchLength: r,
+  multiSelect: m,
+  onChange: t,
+  query: n,
+  results: s,
+  shouldShowInstructions: o,
+  shouldShowNoResults: c,
+  value: l
+}) => /* @__PURE__ */ e(
+  it,
+  {
+    heading: m ? "Search results" : void 0,
+    items: s,
+    multiSelect: m,
+    noResults: (() => {
+      if (n) {
+        if (o)
+          return `Type at least ${r} character${r === 1 ? "" : "s"} to search`;
+        if (c)
+          return "No results found";
+      }
+    })(),
+    onChange: t,
+    selected: l,
+    hideSelectedItems: m
+  }
+), Se = ({ error: r }) => r ? /* @__PURE__ */ e(Lt, { className: "iress-m--sm", status: "danger", children: typeof r == "string" ? r : /* @__PURE__ */ w(mt, { children: [
+  "An unknown error occurred.",
+  /* @__PURE__ */ e("br", {}),
+  " Please contact support if the error persists."
+] }) }) : null, ve = ({
+  autoHighlight: r,
+  error: m,
+  loading: t,
+  minSearchLength: n,
+  multiSelect: s,
+  onChange: o,
+  onClear: c,
+  query: l,
+  results: h,
+  setQuery: u,
+  show: f,
+  value: d,
+  shouldShowInstructions: v,
+  shouldShowNoResults: a
+}) => {
+  const i = pt(d).map(
+    (y) => {
+      const { formattedLabel: R, ...D } = y;
+      return D;
+    }
+  ), p = !m && (!!(h != null && h.length) || l && !t), b = !!i.length && s, S = p && b, P = ot(null), M = Ct();
+  st(() => {
+    f || u == null || u("");
+  }, [f, u]);
+  const B = b ? i.length + 1 : 0;
+  return /* @__PURE__ */ w(
+    be,
+    {
+      activator: /* @__PURE__ */ e(
+        te,
+        {
+          "aria-label": "Search",
+          loading: t,
+          onChange: (y) => u == null ? void 0 : u(y.target.value),
+          ref: P,
+          placeholder: "Search and select",
+          value: l
+        }
+      ),
+      autoHighlight: r,
+      focusStartIndex: r ? l && p ? B : b ? 1 : 0 : void 0,
+      children: [
+        b && /* @__PURE__ */ e(
+          it,
+          {
+            "aria-labelledby": M,
+            heading: /* @__PURE__ */ e(
+              xe,
+              {
+                clearAll: !0,
+                onClearAll: (y) => {
+                  var R;
+                  c == null || c(y), (R = P.current) == null || R.focus();
+                },
+                children: /* @__PURE__ */ w("h2", { id: M, children: [
+                  "Selected (",
+                  i.length,
+                  ")"
+                ] })
+              }
+            ),
+            items: i,
+            multiSelect: s,
+            onChange: o,
+            selected: d
+          }
+        ),
+        S && /* @__PURE__ */ e(le, {}),
+        p && /* @__PURE__ */ e(
+          Ie,
+          {
+            minSearchLength: n,
+            multiSelect: s,
+            onChange: o,
+            query: l,
+            results: h,
+            value: d,
+            shouldShowInstructions: v,
+            shouldShowNoResults: a
+          }
+        ),
+        /* @__PURE__ */ e(Se, { error: m })
+      ]
+    }
+  );
+}, ge = ({
+  autoHighlight: r,
+  debouncedQuery: m,
+  error: t,
+  initialOptions: n,
+  loading: s,
+  minSearchLength: o,
+  multiSelect: c,
+  onChange: l,
+  options: h,
+  query: u,
+  renderOptions: f,
+  results: d,
+  setQuery: v,
+  setShow: a,
+  setValue: i,
+  show: p,
+  shouldShowInstructions: b,
+  shouldShowNoResults: S,
+  value: P
+}) => {
+  const M = typeof h == "function", B = n ?? (M ? [] : h), V = d.length ? d : B, N = rt(
+    (R) => {
+      i(R), l == null || l(ct(R), R), c || a(!1);
+    },
+    [a, i, l, c]
+  ), y = rt(
+    (R) => {
+      R.stopPropagation();
+      const D = [];
+      i(D), l == null || l(ct([]), D);
+    },
+    [i, l]
+  );
+  return f ? f({
+    close: () => a(!1),
+    debouncedQuery: m,
+    error: t,
+    loading: s,
+    query: u,
+    results: V,
+    setValue: i,
+    setQuery: v,
+    show: p,
+    value: P
+  }) : M ? /* @__PURE__ */ e(
+    ve,
+    {
+      autoHighlight: r,
+      error: t,
+      loading: s,
+      minSearchLength: o,
+      multiSelect: c,
+      onChange: N,
+      onClear: y,
+      query: u,
+      results: d,
+      setQuery: v,
+      show: p,
+      value: P,
+      shouldShowInstructions: b,
+      shouldShowNoResults: S
+    }
+  ) : /* @__PURE__ */ e(
+    it,
+    {
+      items: V,
+      multiSelect: c,
+      onChange: N,
+      selected: P,
+      selectedFirst: !0
+    }
+  );
+}, Ne = ({
+  align: r = "bottom-start",
+  append: m,
+  autoHighlight: t = !0,
+  className: n,
+  debounceThreshold: s,
+  defaultValue: o,
+  footer: c,
+  header: l,
+  id: h,
+  initialOptions: u,
+  minSearchLength: f,
+  multiSelect: d,
+  name: v,
+  onActivated: a,
+  onDeactivated: i,
+  onChange: p,
+  onBlur: b,
+  options: S,
+  placeholder: P,
+  prepend: M,
+  readOnly: B,
+  renderHiddenInput: V,
+  renderLabel: N,
+  renderOptions: y,
+  required: R,
+  selectedOptionsText: D,
+  type: Q,
+  value: T,
+  virtualFocus: E,
+  width: _,
+  ...z
+}, G) => {
+  pe({
+    component: "IressRichSelect",
+    defaultValue: o
+  });
+  const [x, K] = q(!1), [U, $] = q(""), { value: k, setValue: L, getValuesString: tt, getLabelsString: et } = Dt({
+    component: "IressRichSelect",
+    defaultValue: o,
+    multiple: d,
+    value: T
+  }), j = ot(null), A = ot(null), {
+    debouncedQuery: X,
+    error: J,
+    results: nt,
+    stopSearch: at,
+    loading: Y,
+    shouldShowInstructions: F,
+    shouldShowNoResults: I
+  } = St({
+    debounceThreshold: s,
+    initialOptions: u,
+    minSearchLength: f,
+    options: S,
+    query: U
+  });
+  ht(G, () => j.current ? {
+    ...j.current,
+    focus: () => {
+      var g, Z;
+      return (Z = (g = j.current) == null ? void 0 : g.getActivator()) == null ? void 0 : Z.focus();
+    },
+    blur: () => {
+      var g, Z;
+      return (Z = (g = j.current) == null ? void 0 : g.getActivator()) == null ? void 0 : Z.blur();
+    },
+    hiddenInput: A.current ?? void 0,
+    input: A.current ?? null
+  } : {
+    hiddenInput: A.current ?? void 0,
+    input: A.current ?? null,
+    focus: () => {
+      var g;
+      return (g = A.current) == null ? void 0 : g.focus();
+    },
+    blur: () => {
+      var g;
+      return (g = A.current) == null ? void 0 : g.blur();
+    }
+  }), st(() => {
+    x ? a == null || a() : i == null || i();
+  }, [x]);
+  const C = rt(
+    (g) => {
+      if (!b) return;
+      const Z = g.currentTarget, vt = g.relatedTarget;
+      !x && (!vt || !Z.contains(vt)) && b(g), g.stopPropagation();
+    },
+    [b, x]
+  );
+  if (B)
+    return /* @__PURE__ */ e(Wt, { value: tt(), children: et(", ") });
+  const dt = typeof S == "function", Vt = E ?? !dt, _t = Q ?? (dt ? void 0 : "listbox"), ft = Et({ width: _ }), $t = () => {
+    K(!0);
+  }, jt = () => {
+    K(!1), at();
+  };
+  return /* @__PURE__ */ w(mt, { children: [
+    /* @__PURE__ */ e(
+      bt,
+      {
+        ...z,
+        activator: /* @__PURE__ */ e(
+          he,
+          {
+            append: m,
+            async: dt,
+            error: J,
+            id: h,
+            loading: Y,
+            multiSelect: d,
+            onChange: p,
+            placeholder: P,
+            prepend: M,
+            renderLabel: N,
+            selectedOptionsText: D,
+            setValue: L,
+            setShow: K,
+            show: x,
+            value: k
+          }
+        ),
+        align: r,
+        className: H(n, ft.richSelect, O.RichSelect),
+        contentClassName: ft.popoverContent,
+        matchActivatorWidth: !0,
+        onActivated: $t,
+        onDeactivated: jt,
+        ref: j,
+        show: x,
+        type: _t,
+        virtualFocus: Vt,
+        onBlur: C,
+        children: /* @__PURE__ */ w("div", { className: ft.wrapper, children: [
+          l,
+          /* @__PURE__ */ e(
+            ge,
+            {
+              autoHighlight: t,
+              debouncedQuery: X,
+              error: J,
+              initialOptions: u,
+              loading: Y,
+              minSearchLength: f,
+              multiSelect: d,
+              onChange: p,
+              options: S,
+              query: U,
+              renderOptions: y,
+              results: nt,
+              setQuery: $,
+              setShow: K,
+              setValue: L,
+              shouldShowInstructions: F,
+              shouldShowNoResults: I,
+              show: x,
+              value: k
+            }
+          ),
+          c
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      ue,
+      {
+        "data-testid": z["data-testid"],
+        getValuesString: tt,
+        name: v,
+        renderHiddenInput: V,
+        required: R,
+        value: k,
+        ref: A
+      }
+    )
+  ] });
+}, Us = ut(Ne), Bt = Et(), Re = ut(
+  (r, m) => {
+    const t = ot(null), { isActiveInPopover: n, ...s } = qt("", {
+      onKeyDown: r.onKeyDown
+    });
+    return ht(m, () => t.current), /* @__PURE__ */ e(
+      It,
+      {
+        ...r,
+        ...s,
+        className: H(
+          Bt.dropdownClear,
+          O.RichSelectClearButton
+        ),
+        active: n,
+        mode: "tertiary",
+        ref: (o) => {
+          var c;
+          t.current = o, (c = s == null ? void 0 : s.ref) == null || c.call(s, t.current);
+        }
+      }
+    );
+  }
+), xe = ({
+  children: r,
+  className: m,
+  clearAll: t,
+  onClearAll: n,
+  ...s
+}) => /* @__PURE__ */ e(
+  Zt,
+  {
+    ...s,
+    className: H(
+      Bt.dropdownSelectedHeading,
+      m,
+      O.RichSelectHeading
+    ),
+    role: void 0,
+    children: /* @__PURE__ */ w(kt, { horizontalAlign: "between", verticalAlign: "middle", children: [
+      r,
+      t && /* @__PURE__ */ e(
+        Re,
+        {
+          onClick: n,
+          onKeyDown: (o) => {
+            o.key === "Enter" && (o.preventDefault(), n == null || n(o));
+          },
+          children: typeof t == "boolean" ? "Clear all" : t
+        }
+      )
+    ] })
+  }
+), we = ut(
+  ({
+    alwaysShowOnFocus: r,
+    append: m = /* @__PURE__ */ e(lt, { name: "search" }),
+    autoComplete: t = "off",
+    autoSelect: n = !0,
+    className: s,
+    clearable: o = !0,
+    "data-testid": c,
+    debounceThreshold: l,
+    defaultValue: h,
+    errorText: u = /* @__PURE__ */ e(Lt, { status: "danger", mb: "none", children: "An unknown error occurred. Please contact support if the error persists." }),
+    initialOptions: f,
+    limitDesktop: d = 12,
+    limitMobile: v = 6,
+    minSearchLength: a,
+    noResultsText: i,
+    onChange: p,
+    onClear: b,
+    onFocus: S,
+    options: P,
+    popoverProps: {
+      autoHighlight: M = !1,
+      append: B,
+      prepend: V,
+      ...N
+    } = {},
+    readOnly: y,
+    value: R,
+    ...D
+  }, Q) => {
+    const [T, E] = q(!1), { value: _, setValue: z } = Gt({
+      component: "IressAutocomplete",
+      defaultValue: h,
+      value: R
+    }), [G, x] = q(!1), {
+      clearError: K,
+      debouncedQuery: U,
+      error: $,
+      loading: k,
+      results: L,
+      stopSearch: tt,
+      shouldShowInstructions: et,
+      shouldShowNoResults: j
+    } = St({
+      debounceThreshold: l,
+      initialOptions: f,
+      minSearchLength: a,
+      options: P,
+      query: At(_)
+    });
+    if (st(() => {
+      G && !T && L.length > 0 && E(!0);
+    }, [L.length, T, G]), st(() => {
+      $ && E(!0);
+    }, [$]), y)
+      return /* @__PURE__ */ e(Wt, { value: _ });
+    const A = (F, I) => {
+      p == null || p(F, I), z(I), x(!0);
+    }, X = (F) => {
+      b == null || b(F), z("");
+    }, J = (F) => {
+      S == null || S(F), f != null && f.length && E(!0);
+    }, nt = (F) => {
+      var C;
+      const I = (C = pt(F)) == null ? void 0 : C[0];
+      p == null || p(
+        ct(I == null ? void 0 : I.label),
+        I == null ? void 0 : I.label,
+        I
+      ), z(I == null ? void 0 : I.label), E(!1), x(!1);
+    }, at = () => {
+      (!r || !_) && tt(), K(), E(!1), _ && x(!1);
+    }, Y = Tt({
+      isEmpty: L.length === 0
+    });
+    return /* @__PURE__ */ w(
+      yt,
+      {
+        ...N,
+        activator: /* @__PURE__ */ e(
+          zt,
+          {
+            ...D,
+            append: m,
+            autoComplete: t,
+            clearable: o,
+            "data-testid": W(c, "input"),
+            loading: k,
+            onChange: A,
+            onClear: X,
+            onFocus: J,
+            value: _,
+            ref: Q
+          }
+        ),
+        autoHighlight: M,
+        className: H(
+          s,
+          N.className,
+          Y.root,
+          O.Autocomplete
+        ),
+        contentClassName: H(
+          N.contentClassName,
+          Y.popoverContent
+        ),
+        contentStyle: N.contentStyle,
+        "data-testid": c,
+        minLength: 0,
+        onActivated: () => (G || r) && E(!0),
+        onDeactivated: at,
+        show: T,
+        type: "listbox",
+        children: [
+          L.length > 0 && /* @__PURE__ */ w(mt, { children: [
+            V,
+            /* @__PURE__ */ e(
+              it,
+              {
+                changeOnBlur: n,
+                className: H(Y.optionList),
+                "data-testid": W(c, "menu"),
+                items: L,
+                limitDesktop: d,
+                limitMobile: v,
+                onChange: nt,
+                selected: { label: U }
+              }
+            ),
+            B
+          ] }),
+          $ && u,
+          et && !$ && /* @__PURE__ */ e(Kt, { minSearchLength: a ?? 1 }),
+          j && !$ && i
+        ]
+      }
+    );
+  }
+);
+we.displayName = "IressAutocomplete";
+const wt = {
+  align: "bottom-start"
+}, Fe = ({
+  children: r,
+  className: m,
+  "data-testid": t,
+  debounceThreshold: n,
+  defaultValue: s,
+  id: o,
+  initialOptions: c,
+  inputProps: l = {
+    clearable: !0,
+    prepend: /* @__PURE__ */ e(lt, { name: "search" })
+  },
+  limitDesktop: h = 12,
+  limitMobile: u = 6,
+  label: f,
+  multiSelect: d,
+  onChange: v,
+  onReset: a,
+  options: i,
+  popoverProps: {
+    footer: p,
+    header: b,
+    ...S
+  } = wt,
+  searchable: P,
+  searchNoResultsText: M,
+  selectedOptionsText: B,
+  value: V,
+  visibleResetButton: N,
+  ...y
+}, R) => {
+  const D = Ut({ id: o }), Q = `${D}-sr-text`, T = ot(null), E = Ft(
+    () => P ?? typeof i == "function",
+    [i, P]
+  ), _ = {
+    clearable: !0,
+    prepend: /* @__PURE__ */ e(lt, { name: "search" }),
+    ...l
+  }, z = { ...wt, ...S }, { value: G, setValue: x } = Dt({
+    component: "IressFilter",
+    defaultValue: s,
+    multiple: d,
+    value: V
+  }), [K, U] = q(""), [$, k] = q(!1), L = (C) => {
+    U(C.target.value);
+  }, tt = () => {
+    U("");
+  }, et = (C) => {
+    v == null || v(C), x(C), d || k(!1);
+  }, j = () => {
+    x(void 0), a == null || a(), d || k(!1);
+  };
+  ht(R, () => ({
+    element: T.current ?? void 0,
+    clearSearch: () => U(""),
+    reset: () => x(s)
+  }));
+  const {
+    debouncedQuery: A,
+    loading: X,
+    results: J,
+    shouldShowInstructions: nt,
+    shouldShowDebounceWaiting: at,
+    shouldShowNoResults: Y
+  } = St({
+    debounceThreshold: n,
+    initialOptions: c ?? (typeof i == "function" ? void 0 : i),
+    options: i,
+    query: K
+  }), F = ee({
+    debouncedQuery: A,
+    loading: X,
+    results: J,
+    searchable: E,
+    visibleResetButton: N
+  }), I = Ot();
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      ...y,
+      className: H(m, I.root, O.Filter),
+      "data-testid": t,
+      id: D,
+      ref: T,
+      children: [
+        /* @__PURE__ */ w(
+          bt,
+          {
+            ...z,
+            activator: /* @__PURE__ */ w(
+              It,
+              {
+                "aria-describedby": Q,
+                "data-testid": W(
+                  t,
+                  "activator-button__button"
+                ),
+                onClick: () => k(!0),
+                children: [
+                  /* @__PURE__ */ e(
+                    oe,
+                    {
+                      label: f,
+                      selectedOptionsText: B,
+                      value: G
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { className: I.chevron })
+                ]
+              }
+            ),
+            contentStyle: { className: I.popoverContent },
+            "data-testid": W(t, "popover"),
+            show: $,
+            matchActivatorWidth: !0,
+            onActivated: () => k(!0),
+            onDeactivated: () => k(!1),
+            type: "listbox",
+            children: [
+              b,
+              F.showHeader && /* @__PURE__ */ w(mt, { children: [
+                /* @__PURE__ */ w(Yt, { bg: "transparent", p: "spacing.200", children: [
+                  E && /* @__PURE__ */ e(
+                    re,
+                    {
+                      ..._,
+                      className: I.searchInput,
+                      "data-testid": W(t, "input"),
+                      loading: X,
+                      onChange: L,
+                      onClear: tt
+                    }
+                  ),
+                  N && /* @__PURE__ */ e(
+                    se,
+                    {
+                      "data-testid": W(t, "reset-button"),
+                      onClick: j,
+                      children: typeof N == "string" ? N : "Reset filter"
+                    }
+                  )
+                ] }),
+                F.showResults && /* @__PURE__ */ e(Jt, {})
+              ] }),
+              F.showResults && /* @__PURE__ */ e(
+                it,
+                {
+                  className: I.optionList,
+                  "data-testid": W(t, "menu"),
+                  items: J,
+                  limitDesktop: h,
+                  limitMobile: u,
+                  multiSelect: d,
+                  onChange: et,
+                  selected: G,
+                  selectedFirst: d
+                }
+              ),
+              F.showNoResults && /* @__PURE__ */ e("div", { className: I.noResults, children: M }),
+              p
+            ]
+          }
+        ),
+        r,
+        /* @__PURE__ */ e(
+          ce,
+          {
+            "data-testid": W(t, "results-sr-text"),
+            id: Q,
+            loading: X,
+            noResultsText: M,
+            results: J
+          }
+        )
+      ]
+    }
+  );
+}, Js = ut(Fe);
+export {
+  we as I,
+  he as S,
+  Js as a,
+  Us as b,
+  xe as c,
+  be as d,
+  fe as e,
+  ge as f
+};