@amateescu/portal-ui-components 0.0.48 → 0.0.49

package/dist/components/PassportFilter/PassportFilterFreeTextFilter/PassportFilterFreeTextFilter.js

@@ -0,0 +1,736 @@
+import { jsx as d, jsxs as R, Fragment as se } from "react/jsx-runtime";
+import { SelectionType as ae, SearchInputType as _ } from "../PassportFilter.types.js";
+import { PassportButton as Z } from "../../PassportButton/PassportButton.js";
+import { C as ce, a as le } from "../../../CheckBox-D9YmAV-l.js";
+import { S as ue } from "../../../Search-DnJ3yLMg.js";
+import { TextField as ee, InputAdornment as fe, Popper as me, Checkbox as pe, FormControl as de, Select as ge, MenuItem as ye } from "@mui/material";
+import * as C from "react";
+import { useRef as be, useState as B, useEffect as ne } from "react";
+import he from "../PassportFilterFreeTextButtons/PassportFilterFreeTextButtons.js";
+import { arraysContainSameElements as Oe } from "../../../portal-utils/arrays.js";
+import { o as ve, P as e, c as Te, f as we, b as Ee, h as Ce, s as xe, u as ke } from "../../../DefaultPropsProvider-BQx1AiAq.js";
+import { a as $e, d as Re } from "../../../ButtonBase-ugYh038t.js";
+import { g as je, o as Q, e as Ne, a as Ge } from "../../../getReactElementRef-CIbXfZbo.js";
+import { i as Le, a as Pe } from "../../../listItemButtonClasses-BLTBU8Yh.js";
+import { u as _e } from "../../../useTheme-9dlwNzrD.js";
+import { u as Me } from "../../../useTheme-Dxbczges.js";
+import { e as De } from "../../../extendSxProp-BHclE0DL.js";
+import { u as ze } from "../../../useThemeProps-j6Er0aGl.js";
+import { L as Ae, a as Ie } from "../../../ListItemText-VX0lo95z.js";
+import '../../../assets/PassportFilterFreeTextFilter.css';const We = ve(), Be = (n, o) => n.filter((i) => o.includes(i)), G = (n, o, i) => {
+  const r = n.keys[0];
+  Array.isArray(o) ? o.forEach((a, s) => {
+    i((g, y) => {
+      s <= n.keys.length - 1 && (s === 0 ? Object.assign(g, y) : g[n.up(n.keys[s])] = y);
+    }, a);
+  }) : o && typeof o == "object" ? (Object.keys(o).length > n.keys.length ? n.keys : Be(n.keys, Object.keys(o))).forEach((s) => {
+    if (n.keys.includes(s)) {
+      const g = o[s];
+      g !== void 0 && i((y, v) => {
+        r === s ? Object.assign(y, v) : y[n.up(s)] = v;
+      }, g);
+    }
+  }) : (typeof o == "number" || typeof o == "string") && i((a, s) => {
+    Object.assign(a, s);
+  }, o);
+};
+function q(n) {
+  return `--Grid-${n}Spacing`;
+}
+function F(n) {
+  return `--Grid-parent-${n}Spacing`;
+}
+const te = "--Grid-columns", N = "--Grid-parent-columns", Ve = ({
+  theme: n,
+  ownerState: o
+}) => {
+  const i = {};
+  return G(n.breakpoints, o.size, (r, a) => {
+    let s = {};
+    a === "grow" && (s = {
+      flexBasis: 0,
+      flexGrow: 1,
+      maxWidth: "100%"
+    }), a === "auto" && (s = {
+      flexBasis: "auto",
+      flexGrow: 0,
+      flexShrink: 0,
+      maxWidth: "none",
+      width: "auto"
+    }), typeof a == "number" && (s = {
+      flexGrow: 0,
+      flexBasis: "auto",
+      width: `calc(100% * ${a} / var(${N}) - (var(${N}) - ${a}) * (var(${F("column")}) / var(${N})))`
+    }), r(i, s);
+  }), i;
+}, qe = ({
+  theme: n,
+  ownerState: o
+}) => {
+  const i = {};
+  return G(n.breakpoints, o.offset, (r, a) => {
+    let s = {};
+    a === "auto" && (s = {
+      marginLeft: "auto"
+    }), typeof a == "number" && (s = {
+      marginLeft: a === 0 ? "0px" : `calc(100% * ${a} / var(${N}) + var(${F("column")}) * ${a} / var(${N}))`
+    }), r(i, s);
+  }), i;
+}, Ue = ({
+  theme: n,
+  ownerState: o
+}) => {
+  if (!o.container)
+    return {};
+  const i = {
+    [te]: 12
+  };
+  return G(n.breakpoints, o.columns, (r, a) => {
+    const s = a ?? 12;
+    r(i, {
+      [te]: s,
+      "> *": {
+        [N]: s
+      }
+    });
+  }), i;
+}, Fe = ({
+  theme: n,
+  ownerState: o
+}) => {
+  if (!o.container)
+    return {};
+  const i = {};
+  return G(n.breakpoints, o.rowSpacing, (r, a) => {
+    const s = typeof a == "string" ? a : n.spacing?.(a);
+    r(i, {
+      [q("row")]: s,
+      "> *": {
+        [F("row")]: s
+      }
+    });
+  }), i;
+}, He = ({
+  theme: n,
+  ownerState: o
+}) => {
+  if (!o.container)
+    return {};
+  const i = {};
+  return G(n.breakpoints, o.columnSpacing, (r, a) => {
+    const s = typeof a == "string" ? a : n.spacing?.(a);
+    r(i, {
+      [q("column")]: s,
+      "> *": {
+        [F("column")]: s
+      }
+    });
+  }), i;
+}, Se = ({
+  theme: n,
+  ownerState: o
+}) => {
+  if (!o.container)
+    return {};
+  const i = {};
+  return G(n.breakpoints, o.direction, (r, a) => {
+    r(i, {
+      flexDirection: a
+    });
+  }), i;
+}, Xe = ({
+  ownerState: n
+}) => ({
+  minWidth: 0,
+  boxSizing: "border-box",
+  ...n.container && {
+    display: "flex",
+    flexWrap: "wrap",
+    ...n.wrap && n.wrap !== "wrap" && {
+      flexWrap: n.wrap
+    },
+    gap: `var(${q("row")}) var(${q("column")})`
+  }
+}), Ye = (n) => {
+  const o = [];
+  return Object.entries(n).forEach(([i, r]) => {
+    r !== !1 && r !== void 0 && o.push(`grid-${i}-${String(r)}`);
+  }), o;
+}, Ke = (n, o = "xs") => {
+  function i(r) {
+    return r === void 0 ? !1 : typeof r == "string" && !Number.isNaN(Number(r)) || typeof r == "number" && r > 0;
+  }
+  if (i(n))
+    return [`spacing-${o}-${String(n)}`];
+  if (typeof n == "object" && !Array.isArray(n)) {
+    const r = [];
+    return Object.entries(n).forEach(([a, s]) => {
+      i(s) && r.push(`spacing-${a}-${String(s)}`);
+    }), r;
+  }
+  return [];
+}, Je = (n) => n === void 0 ? [] : typeof n == "object" ? Object.entries(n).map(([o, i]) => `direction-${o}-${i}`) : [`direction-xs-${String(n)}`], Qe = (n) => ["item", "zeroMinWidth"].includes(n) ? `The \`${n}\` prop has been removed and is no longer necessary. You can safely remove it.` : `The \`${n}\` prop has been removed. See https://mui.com/material-ui/migration/upgrade-to-grid-v2/ for migration instructions.`, oe = [];
+function Ze(n, o) {
+  const i = [];
+  n.item !== void 0 && (delete n.item, i.push("item")), n.zeroMinWidth !== void 0 && (delete n.zeroMinWidth, i.push("zeroMinWidth")), o.keys.forEach((r) => {
+    n[r] !== void 0 && (i.push(r), delete n[r]);
+  }), process.env.NODE_ENV !== "production" && i.forEach((r) => {
+    oe.includes(r) || (oe.push(r), console.warn(`MUI Grid: ${Qe(r)}
+`));
+  });
+}
+const en = Ce(), nn = We("div", {
+  name: "MuiGrid",
+  slot: "Root"
+});
+function tn(n) {
+  return ze({
+    props: n,
+    name: "MuiGrid",
+    defaultTheme: en
+  });
+}
+function on(n = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: o = nn,
+    useThemeProps: i = tn,
+    useTheme: r = Me,
+    componentName: a = "MuiGrid"
+  } = n, s = (f, m) => {
+    const {
+      container: b,
+      direction: p,
+      spacing: h,
+      wrap: c,
+      size: O
+    } = f, T = {
+      root: ["root", b && "container", c !== "wrap" && `wrap-xs-${String(c)}`, ...Je(p), ...Ye(O), ...b ? Ke(h, m.breakpoints.keys[0]) : []]
+    };
+    return we(T, (w) => Ee(a, w), {});
+  };
+  function g(f, m, b = () => !0) {
+    const p = {};
+    return f === null || (Array.isArray(f) ? f.forEach((h, c) => {
+      h !== null && b(h) && m.keys[c] && (p[m.keys[c]] = h);
+    }) : typeof f == "object" ? Object.keys(f).forEach((h) => {
+      const c = f[h];
+      c != null && b(c) && (p[h] = c);
+    }) : p[m.keys[0]] = f), p;
+  }
+  const y = o(Ue, He, Fe, Ve, Se, Xe, qe), v = /* @__PURE__ */ C.forwardRef(function(m, b) {
+    const p = r(), h = i(m), c = De(h);
+    Ze(c, p.breakpoints);
+    const {
+      className: O,
+      children: T,
+      columns: w = 12,
+      container: D = !1,
+      component: H = "div",
+      direction: z = "row",
+      wrap: A = "wrap",
+      size: I = {},
+      offset: S = {},
+      spacing: j = 0,
+      rowSpacing: $ = j,
+      columnSpacing: L = j,
+      unstable_level: k = 0,
+      ...X
+    } = c, Y = g(I, p.breakpoints, (x) => x !== !1), P = g(S, p.breakpoints), K = m.columns ?? (k ? void 0 : w), J = m.spacing ?? (k ? void 0 : j), t = m.rowSpacing ?? m.spacing ?? (k ? void 0 : $), u = m.columnSpacing ?? m.spacing ?? (k ? void 0 : L), l = {
+      ...c,
+      level: k,
+      columns: K,
+      container: D,
+      direction: z,
+      wrap: A,
+      spacing: J,
+      rowSpacing: t,
+      columnSpacing: u,
+      size: Y,
+      offset: P
+    }, E = s(l, p);
+    return /* @__PURE__ */ d(y, {
+      ref: b,
+      as: H,
+      ownerState: l,
+      className: Te(E.root, O),
+      ...X,
+      children: C.Children.map(T, (x) => /* @__PURE__ */ C.isValidElement(x) && Le(x, ["Grid"]) && D && x.props.container ? /* @__PURE__ */ C.cloneElement(x, {
+        unstable_level: x.props?.unstable_level ?? k + 1
+      }) : x)
+    });
+  });
+  return process.env.NODE_ENV !== "production" && (v.propTypes = {
+    children: e.node,
+    className: e.string,
+    columns: e.oneOfType([e.arrayOf(e.number), e.number, e.object]),
+    columnSpacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    component: e.elementType,
+    container: e.bool,
+    direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+    offset: e.oneOfType([e.string, e.number, e.arrayOf(e.oneOfType([e.string, e.number])), e.object]),
+    rowSpacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    size: e.oneOfType([e.string, e.bool, e.number, e.arrayOf(e.oneOfType([e.string, e.bool, e.number])), e.object]),
+    spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+    wrap: e.oneOf(["nowrap", "wrap-reverse", "wrap"])
+  }), v.muiName = "Grid", v;
+}
+function rn(n, o) {
+  if (process.env.NODE_ENV === "production")
+    return () => () => null;
+  const i = o ? {
+    ...o.propTypes
+  } : null;
+  return (a) => (s, g, y, v, f, ...m) => {
+    const b = f || g, p = i?.[b];
+    if (p) {
+      const h = p(s, g, y, v, f, ...m);
+      if (h)
+        return h;
+    }
+    return typeof s[g] < "u" && !s[a] ? new Error(`The prop \`${b}\` of \`${n}\` can only be used together with the \`${a}\` prop.`) : null;
+  };
+}
+const M = on({
+  createStyledComponent: xe("div", {
+    name: "MuiGrid",
+    slot: "Root",
+    overridesResolver: (n, o) => {
+      const {
+        ownerState: i
+      } = n;
+      return [o.root, i.container && o.container];
+    }
+  }),
+  componentName: "MuiGrid",
+  useThemeProps: (n) => ke({
+    props: n,
+    name: "MuiGrid"
+  }),
+  useTheme: _e
+});
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * The number of columns.
+   * @default 12
+   */
+  columns: e.oneOfType([e.arrayOf(e.number), e.number, e.object]),
+  /**
+   * Defines the horizontal space between the type `item` components.
+   * It overrides the value of the `spacing` prop.
+   */
+  columnSpacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+  /**
+   * If `true`, the component will have the flex *container* behavior.
+   * You should be wrapping *items* with a *container*.
+   * @default false
+   */
+  container: e.bool,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'row'
+   */
+  direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+  /**
+   * Defines the offset value for the type `item` components.
+   */
+  offset: e.oneOfType([e.string, e.number, e.arrayOf(e.oneOfType([e.string, e.number])), e.object]),
+  /**
+   * Defines the vertical space between the type `item` components.
+   * It overrides the value of the `spacing` prop.
+   */
+  rowSpacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+  /**
+   * Defines the size of the the type `item` components.
+   */
+  size: e.oneOfType([e.string, e.bool, e.number, e.arrayOf(e.oneOfType([e.string, e.bool, e.number])), e.object]),
+  /**
+   * Defines the space between the type `item` components.
+   * It can only be used on a type `container` component.
+   * @default 0
+   */
+  spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+  /**
+   * @ignore
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * @internal
+   * The level of the grid starts from `0` and increases when the grid nests
+   * inside another grid. Nesting is defined as a container Grid being a direct
+   * child of a container Grid.
+   *
+   * ```js
+   * <Grid container> // level 0
+   *   <Grid container> // level 1
+   *     <Grid container> // level 2
+   * ```
+   *
+   * Only consecutive grid is considered nesting. A grid container will start at
+   * `0` if there are non-Grid container element above it.
+   *
+   * ```js
+   * <Grid container> // level 0
+   *   <div>
+   *     <Grid container> // level 0
+   * ```
+   *
+   * ```js
+   * <Grid container> // level 0
+   *   <Grid>
+   *     <Grid container> // level 0
+   * ```
+   */
+  unstable_level: e.number,
+  /**
+   * Defines the `flex-wrap` style property.
+   * It's applied for all screen sizes.
+   * @default 'wrap'
+   */
+  wrap: e.oneOf(["nowrap", "wrap-reverse", "wrap"])
+});
+if (process.env.NODE_ENV !== "production") {
+  const n = M, o = rn("Grid", n);
+  n.propTypes = {
+    // eslint-disable-next-line react/forbid-foreign-prop-types
+    ...n.propTypes,
+    direction: o("container"),
+    spacing: o("container"),
+    wrap: o("container")
+  };
+}
+function re(n) {
+  return n.substring(2).toLowerCase();
+}
+function sn(n, o) {
+  return o.documentElement.clientWidth < n.clientX || o.documentElement.clientHeight < n.clientY;
+}
+function U(n) {
+  const {
+    children: o,
+    disableReactTree: i = !1,
+    mouseEvent: r = "onClick",
+    onClickAway: a,
+    touchEvent: s = "onTouchEnd"
+  } = n, g = C.useRef(!1), y = C.useRef(null), v = C.useRef(!1), f = C.useRef(!1);
+  C.useEffect(() => (setTimeout(() => {
+    v.current = !0;
+  }, 0), () => {
+    v.current = !1;
+  }), []);
+  const m = $e(je(o), y), b = Re((c) => {
+    const O = f.current;
+    f.current = !1;
+    const T = Q(y.current);
+    if (!v.current || !y.current || "clientX" in c && sn(c, T))
+      return;
+    if (g.current) {
+      g.current = !1;
+      return;
+    }
+    let w;
+    c.composedPath ? w = c.composedPath().includes(y.current) : w = !T.documentElement.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      c.target
+    ) || y.current.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      c.target
+    ), !w && (i || !O) && a(c);
+  }), p = (c) => (O) => {
+    f.current = !0;
+    const T = o.props[c];
+    T && T(O);
+  }, h = {
+    ref: m
+  };
+  return s !== !1 && (h[s] = p(s)), C.useEffect(() => {
+    if (s !== !1) {
+      const c = re(s), O = Q(y.current), T = () => {
+        g.current = !0;
+      };
+      return O.addEventListener(c, b), O.addEventListener("touchmove", T), () => {
+        O.removeEventListener(c, b), O.removeEventListener("touchmove", T);
+      };
+    }
+  }, [b, s]), r !== !1 && (h[r] = p(r)), C.useEffect(() => {
+    if (r !== !1) {
+      const c = re(r), O = Q(y.current);
+      return O.addEventListener(c, b), () => {
+        O.removeEventListener(c, b);
+      };
+    }
+  }, [b, r]), /* @__PURE__ */ C.cloneElement(o, h);
+}
+process.env.NODE_ENV !== "production" && (U.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The wrapped element.
+   */
+  children: Ne.isRequired,
+  /**
+   * If `true`, the React tree is ignored and only the DOM tree is considered.
+   * This prop changes how portaled elements are handled.
+   * @default false
+   */
+  disableReactTree: e.bool,
+  /**
+   * The mouse event to listen to. You can disable the listener by providing `false`.
+   * @default 'onClick'
+   */
+  mouseEvent: e.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
+  /**
+   * Callback fired when a "click away" event is detected.
+   */
+  onClickAway: e.func.isRequired,
+  /**
+   * The touch event to listen to. You can disable the listener by providing `false`.
+   * @default 'onTouchEnd'
+   */
+  touchEvent: e.oneOf(["onTouchEnd", "onTouchStart", !1])
+});
+process.env.NODE_ENV !== "production" && (U.propTypes = Ge(U.propTypes));
+const an = "_freeTextOptionsContainer_1ctmu_1", cn = "_drawerButtons_1ctmu_9", ln = "_validationMsg_1ctmu_23", un = "_customScrollbar_1ctmu_30", V = {
+  freeTextOptionsContainer: an,
+  drawerButtons: cn,
+  validationMsg: ln,
+  customScrollbar: un
+}, Nn = ({
+  freeTextFilters: n,
+  addFreeTextFilter: o,
+  removeFreeTextFilter: i,
+  updateFreeTextFilter: r,
+  relevantFreeSearch: a,
+  setRelevantFreeSearch: s,
+  updateRelevantFreeSearch: g,
+  checkRelevantFreeSearch: y,
+  uncheckRelevantFreeSearch: v,
+  filterFreeSearch: f,
+  setFilterFreeSearch: m,
+  dropdownValues: b = {},
+  searchPlaceholder: p = "Search",
+  cancelLabel: h = "Cancel",
+  applyLabel: c = "Apply",
+  checkedIcon: O = /* @__PURE__ */ d(ce, {}),
+  uncheckedIcon: T = /* @__PURE__ */ d(le, {}),
+  freeTextButtonsProps: w
+}) => {
+  const D = be(null), [H, z] = B(null), [A, I] = B(!1), [S, j] = B(!1), [$, L] = B([]);
+  ne(() => {
+    if (a.length === 0) {
+      const t = f?.filter((u) => u.field)?.map((u) => ({
+        ...u,
+        value: ""
+      }));
+      t?.forEach((u) => u.checked = !1), t && s(t);
+    }
+  }, [f]), ne(() => {
+    S && (m(n), j(!1));
+  }, [n]);
+  const k = () => {
+    z(null), I(!1);
+  };
+  function X(t) {
+    z(t.currentTarget), I(!0);
+  }
+  function Y(t) {
+    n.find((u) => u.field === t.field) ? (i(t.field), v(t.field)) : (o(t), y(t.field));
+  }
+  function P() {
+    m(n), k();
+  }
+  const K = ((t) => {
+    if (!t.checked) return !0;
+    const u = [];
+    let l = !0;
+    if (t.checked && t.value === "" && (u.push("Field is required"), l = !1), t.checked && t.inputType === _.all && t.minLength && t.value.length < t.minLength && (u.push(`Should have at least ${t.minLength} characters`), l = !1), t.checked && t.inputType === _.all && t.maxLength && t.value.length > t.maxLength && (u.push(`Should have maximum ${t.minLength} characters`), l = !1), t.checked && t.inputType === _.numeric && t.minLength && +t.value < t.minLength && (u.push(`Minimum value is ${t.minLength}`), l = !1), t.checked && t.inputType === _.numeric && t.maxLength && +t.value > t.maxLength && (u.push(`Maximum value is ${t.maxLength}`), l = !1), t.checked && t.inputType === _.numeric && t.value !== "" && !J(t.value) && (u.push("Should have only numeric characters"), l = !1), l) {
+      const E = $.filter((x) => x.field !== t.field);
+      E.length !== $.length && L(E);
+    } else {
+      const E = [...$];
+      if (!E.some((W) => W.field === t.field))
+        E.push({
+          field: t.field,
+          messages: u
+        }), L(E);
+      else {
+        const W = E.findIndex((ie) => ie.field === t.field);
+        Oe(E[W].messages, u) || (E[W].messages = u, L(E));
+      }
+    }
+    return l;
+  });
+  function J(t) {
+    return !isNaN(parseFloat(t));
+  }
+  return /* @__PURE__ */ R(se, { children: [
+    /* @__PURE__ */ d(
+      ee,
+      {
+        inputRef: D,
+        onKeyDown: (t) => {
+          t.key === "Enter" && (P(), t.preventDefault());
+        },
+        autoComplete: "off",
+        size: "small",
+        variant: "outlined",
+        onClick: X,
+        placeholder: p,
+        className: V.customScrollbar,
+        sx: {
+          borderRadius: "50px",
+          border: "none",
+          bgcolor: "var(--color-light-gray-blue)",
+          height: "44px",
+          overflowX: "auto",
+          overflowY: "hidden",
+          width: "100%",
+          maxWidth: "100%",
+          marginRight: "10px",
+          "& fieldset": { border: "none" }
+        },
+        slotProps: {
+          input: {
+            startAdornment: /* @__PURE__ */ R(fe, { position: "start", children: [
+              /* @__PURE__ */ d(ue, {}),
+              /* @__PURE__ */ d(
+                he,
+                {
+                  handleSearch: P,
+                  setRemovedFilter: j,
+                  freeTextFilters: n,
+                  removeFreeTextFilter: i,
+                  uncheckRelevantFreeSearch: v,
+                  filterCategories: w?.filterCategories ?? [],
+                  setFilterCategories: w?.setFilterCategories ?? (() => {
+                  }),
+                  translate: w?.translate,
+                  removeIcon: w?.removeIcon
+                }
+              )
+            ] })
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ d(
+      me,
+      {
+        open: A,
+        anchorEl: H,
+        id: A ? "search-popper" : void 0,
+        placement: "bottom-start",
+        sx: {
+          width: "500px"
+        },
+        children: /* @__PURE__ */ d(
+          U,
+          {
+            onClickAway: (t) => {
+              if (t.target?.localName === "body") {
+                t.preventDefault();
+                return;
+              }
+              k();
+            },
+            children: /* @__PURE__ */ R("div", { className: V.freeTextOptionsContainer, children: [
+              /* @__PURE__ */ d(Pe, { component: "nav", children: a?.map((t) => {
+                const u = $.filter((l) => l.field === t.field);
+                return /* @__PURE__ */ R(M, { container: !0, rowSpacing: 1, columnSpacing: { xs: 1, sm: 2, md: 3 }, sx: { display: "flex", flexDirection: "row", alignContent: "center", alignItems: "center" }, children: [
+                  /* @__PURE__ */ d(M, { size: 6, children: /* @__PURE__ */ R(
+                    Ae,
+                    {
+                      onClick: () => Y(t),
+                      sx: {
+                        "&.Mui-selected": {
+                          backgroundColor: "var(--color-mui-selected)",
+                          color: "var(--color-blue)",
+                          borderRadius: "4px",
+                          ":hover": {
+                            backgroundColor: "var(--color-mui-selected)"
+                          }
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ d(
+                          pe,
+                          {
+                            checked: t.checked,
+                            icon: T,
+                            checkedIcon: O
+                          }
+                        ),
+                        /* @__PURE__ */ d(Ie, { primary: t.field })
+                      ]
+                    },
+                    t.field
+                  ) }),
+                  /* @__PURE__ */ d(M, { size: 6, children: t.selectionType === ae.input ? /* @__PURE__ */ R("div", { children: [
+                    /* @__PURE__ */ d(
+                      ee,
+                      {
+                        size: "small",
+                        error: !K(t),
+                        variant: "outlined",
+                        placeholder: `Value for ${t.field}`,
+                        onChange: (l) => {
+                          g(t.field, l.target.value), r(t.field, l.target.value);
+                        },
+                        value: t.value,
+                        required: !0,
+                        disabled: !t.checked,
+                        sx: {
+                          width: "100%"
+                        }
+                      }
+                    ),
+                    u?.length > 0 && /* @__PURE__ */ d("p", { className: V.validationMsg, children: u[0].messages[0] })
+                  ] }) : /* @__PURE__ */ d(de, { fullWidth: !0, size: "small", children: /* @__PURE__ */ d(
+                    ge,
+                    {
+                      labelId: `${t.field.replace(" ", "_")}-select-label`,
+                      id: `${t.field.replace(" ", "_")}-select`,
+                      value: t.value,
+                      disabled: !t.checked,
+                      onChange: (l) => {
+                        g(t.field, l.target.value), r(t.field, l.target.value);
+                      },
+                      children: b[t.field]?.map((l) => /* @__PURE__ */ d(ye, { value: l, children: l }, l))
+                    },
+                    `${t.field.replace(" ", "_")}-select`
+                  ) }) })
+                ] });
+              }) }),
+              /* @__PURE__ */ R("div", { className: V.drawerButtons, children: [
+                /* @__PURE__ */ d(Z, { content: h, onClick: k }),
+                /* @__PURE__ */ d(
+                  Z,
+                  {
+                    content: c,
+                    disabled: $?.length > 0,
+                    onClick: P
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  Nn as default
+};