@amateescu/portal-ui-components 0.0.47 → 0.0.49

package/dist/components/PassportFilter/PassportFilterDrawer/PassportFilterDrawer.js

@@ -0,0 +1,756 @@
+import { jsx as l, jsxs as A, Fragment as le } from "react/jsx-runtime";
+import { c as pe } from "../../../createSvgIcon-Crk7qT6j.js";
+import de from "../PassportFilterSelectionList/PassportFilterSelectionList.js";
+import { PassportButton as J } from "../../PassportButton/PassportButton.js";
+import { E as fe } from "../../../ExpandMore-CHNJSd5N.js";
+import { Accordion as ue, AccordionSummary as me, AccordionDetails as he, Divider as ge, Link as ye } from "@mui/material";
+import * as T from "react";
+import { memo as be, useEffect as ke, useState as xe, useMemo as we, useCallback as F } from "react";
+import { B as ve } from "../../../Box-DU079Glg.js";
+import { createLogger as Te } from "../../../portal-utils/loggerService.js";
+import { P as e, b as Pe, g as Ee, u as Ce, c as U, s as Y, e as $, f as De, m as Z, r as Re } from "../../../DefaultPropsProvider-BQx1AiAq.js";
+import { u as Se } from "../../../index-DfCFE9GG.js";
+import { u as ee } from "../../../useTheme-9dlwNzrD.js";
+import { u as I } from "../../../useSlot-B1oIMjd_.js";
+import { T as Be, g as K, r as Ae, m as Me } from "../../../utils-6k-H8qFR.js";
+import { a as Oe } from "../../../ButtonBase-ugYh038t.js";
+import { g as Ne, e as Le } from "../../../getReactElementRef-CIbXfZbo.js";
+import { o as te, d as _e, H as $e, M as je, P as Fe } from "../../../Modal-BnD35xWv.js";
+import { a as Ie } from "../../../createSimplePaletteValueFilter-Bz8RuRaa.js";
+import { i as ze } from "../../../integerPropType-BihGt2aU.js";
+import '../../../assets/PassportFilterDrawer.css';const He = pe(/* @__PURE__ */ l("path", {
+  d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"
+}), "ArrowBack");
+function Ve(o, t, n) {
+  const r = t.getBoundingClientRect(), a = n && n.getBoundingClientRect(), g = te(t);
+  let u;
+  if (t.fakeTransform)
+    u = t.fakeTransform;
+  else {
+    const c = g.getComputedStyle(t);
+    u = c.getPropertyValue("-webkit-transform") || c.getPropertyValue("transform");
+  }
+  let p = 0, s = 0;
+  if (u && u !== "none" && typeof u == "string") {
+    const c = u.split("(")[1].split(")")[0].split(",");
+    p = parseInt(c[4], 10), s = parseInt(c[5], 10);
+  }
+  return o === "left" ? a ? `translateX(${a.right + p - r.left}px)` : `translateX(${g.innerWidth + p - r.left}px)` : o === "right" ? a ? `translateX(-${r.right - a.left - p}px)` : `translateX(-${r.left + r.width - p}px)` : o === "up" ? a ? `translateY(${a.bottom + s - r.top}px)` : `translateY(${g.innerHeight + s - r.top}px)` : a ? `translateY(-${r.top - a.top + r.height - s}px)` : `translateY(-${r.top + r.height - s}px)`;
+}
+function oe(o) {
+  return typeof o == "function" ? o() : o;
+}
+function z(o, t, n) {
+  const r = oe(n), a = Ve(o, t, r);
+  a && (t.style.webkitTransform = a, t.style.transform = a);
+}
+const re = /* @__PURE__ */ T.forwardRef(function(t, n) {
+  const r = ee(), a = {
+    enter: r.transitions.easing.easeOut,
+    exit: r.transitions.easing.sharp
+  }, g = {
+    enter: r.transitions.duration.enteringScreen,
+    exit: r.transitions.duration.leavingScreen
+  }, {
+    addEndListener: u,
+    appear: p = !0,
+    children: s,
+    container: c,
+    direction: d = "down",
+    easing: E = a,
+    in: y,
+    onEnter: b,
+    onEntered: C,
+    onEntering: M,
+    onExit: k,
+    onExited: w,
+    onExiting: O,
+    style: D,
+    timeout: m = g,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: x = Be,
+    ...N
+  } = t, h = T.useRef(null), L = Oe(Ne(s), h, n), v = (i) => (f) => {
+    i && (f === void 0 ? i(h.current) : i(h.current, f));
+  }, H = v((i, f) => {
+    z(d, i, c), Ae(i), b && b(i, f);
+  }), X = v((i, f) => {
+    const B = K({
+      timeout: m,
+      style: D,
+      easing: E
+    }, {
+      mode: "enter"
+    });
+    i.style.webkitTransition = r.transitions.create("-webkit-transform", {
+      ...B
+    }), i.style.transition = r.transitions.create("transform", {
+      ...B
+    }), i.style.webkitTransform = "none", i.style.transform = "none", M && M(i, f);
+  }), R = v(C), S = v(O), P = v((i) => {
+    const f = K({
+      timeout: m,
+      style: D,
+      easing: E
+    }, {
+      mode: "exit"
+    });
+    i.style.webkitTransition = r.transitions.create("-webkit-transform", f), i.style.transition = r.transitions.create("transform", f), z(d, i, c), k && k(i);
+  }), V = v((i) => {
+    i.style.webkitTransition = "", i.style.transition = "", w && w(i);
+  }), W = (i) => {
+    u && u(h.current, i);
+  }, j = T.useCallback(() => {
+    h.current && z(d, h.current, c);
+  }, [d, c]);
+  return T.useEffect(() => {
+    if (y || d === "down" || d === "right")
+      return;
+    const i = _e(() => {
+      h.current && z(d, h.current, c);
+    }), f = te(h.current);
+    return f.addEventListener("resize", i), () => {
+      i.clear(), f.removeEventListener("resize", i);
+    };
+  }, [d, y, c]), T.useEffect(() => {
+    y || j();
+  }, [y, j]), /* @__PURE__ */ l(x, {
+    nodeRef: h,
+    onEnter: H,
+    onEntered: R,
+    onEntering: X,
+    onExit: P,
+    onExited: V,
+    onExiting: S,
+    addEndListener: W,
+    appear: p,
+    in: y,
+    timeout: m,
+    ...N,
+    children: (i, {
+      ownerState: f,
+      ...B
+    }) => /* @__PURE__ */ T.cloneElement(s, {
+      ref: L,
+      style: {
+        visibility: i === "exited" && !y ? "hidden" : void 0,
+        ...D,
+        ...s.props.style
+      },
+      ...B
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (re.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: e.func,
+  /**
+   * Perform the enter transition when it first mounts if `in` is also `true`.
+   * Set this to `false` to disable this behavior.
+   * @default true
+   */
+  appear: e.bool,
+  /**
+   * A single child content element.
+   */
+  children: Le.isRequired,
+  /**
+   * An HTML element, or a function that returns one.
+   * It's used to set the container the Slide is transitioning from.
+   */
+  container: Ie(e.oneOfType([$e, e.func]), (o) => {
+    if (o.open) {
+      const t = oe(o.container);
+      if (t && t.nodeType === 1) {
+        const n = t.getBoundingClientRect();
+        if (process.env.NODE_ENV !== "test" && n.top === 0 && n.left === 0 && n.right === 0 && n.bottom === 0)
+          return new Error(["MUI: The `container` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
+`));
+      } else if (!t || typeof t.getBoundingClientRect != "function" || t.contextElement != null && t.contextElement.nodeType !== 1)
+        return new Error(["MUI: The `container` prop provided to the component is invalid.", "It should be an HTML element instance."].join(`
+`));
+    }
+    return null;
+  }),
+  /**
+   * Direction the child node will enter from.
+   * @default 'down'
+   */
+  direction: e.oneOf(["down", "left", "right", "up"]),
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   * @default {
+   *   enter: theme.transitions.easing.easeOut,
+   *   exit: theme.transitions.easing.sharp,
+   * }
+   */
+  easing: e.oneOfType([e.shape({
+    enter: e.string,
+    exit: e.string
+  }), e.string]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: e.bool,
+  /**
+   * @ignore
+   */
+  onEnter: e.func,
+  /**
+   * @ignore
+   */
+  onEntered: e.func,
+  /**
+   * @ignore
+   */
+  onEntering: e.func,
+  /**
+   * @ignore
+   */
+  onExit: e.func,
+  /**
+   * @ignore
+   */
+  onExited: e.func,
+  /**
+   * @ignore
+   */
+  onExiting: e.func,
+  /**
+   * @ignore
+   */
+  style: e.object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  timeout: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
+  })])
+});
+function We(o) {
+  return Pe("MuiDrawer", o);
+}
+Ee("MuiDrawer", ["root", "docked", "paper", "anchorLeft", "anchorRight", "anchorTop", "anchorBottom", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
+const ne = (o, t) => {
+  const {
+    ownerState: n
+  } = o;
+  return [t.root, (n.variant === "permanent" || n.variant === "persistent") && t.docked, t.modal];
+}, Ue = (o) => {
+  const {
+    classes: t,
+    anchor: n,
+    variant: r
+  } = o, a = {
+    root: ["root", `anchor${$(n)}`],
+    docked: [(r === "permanent" || r === "persistent") && "docked"],
+    modal: ["modal"],
+    paper: ["paper", `paperAnchor${$(n)}`, r !== "temporary" && `paperAnchorDocked${$(n)}`]
+  };
+  return De(a, We, t);
+}, Ye = Y(je, {
+  name: "MuiDrawer",
+  slot: "Root",
+  overridesResolver: ne
+})(Z(({
+  theme: o
+}) => ({
+  zIndex: (o.vars || o).zIndex.drawer
+}))), Xe = Y("div", {
+  shouldForwardProp: Re,
+  name: "MuiDrawer",
+  slot: "Docked",
+  skipVariantsResolver: !1,
+  overridesResolver: ne
+})({
+  flex: "0 0 auto"
+}), qe = Y(Fe, {
+  name: "MuiDrawer",
+  slot: "Paper",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: n
+    } = o;
+    return [t.paper, t[`paperAnchor${$(n.anchor)}`], n.variant !== "temporary" && t[`paperAnchorDocked${$(n.anchor)}`]];
+  }
+})(Z(({
+  theme: o
+}) => ({
+  overflowY: "auto",
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  flex: "1 0 auto",
+  zIndex: (o.vars || o).zIndex.drawer,
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch",
+  // temporary style
+  position: "fixed",
+  top: 0,
+  // We disable the focus ring for mouse, touch and keyboard users.
+  // At some point, it would be better to keep it for keyboard users.
+  // :focus-ring CSS pseudo-class will help.
+  outline: 0,
+  variants: [{
+    props: {
+      anchor: "left"
+    },
+    style: {
+      left: 0
+    }
+  }, {
+    props: {
+      anchor: "top"
+    },
+    style: {
+      top: 0,
+      left: 0,
+      right: 0,
+      height: "auto",
+      maxHeight: "100%"
+    }
+  }, {
+    props: {
+      anchor: "right"
+    },
+    style: {
+      right: 0
+    }
+  }, {
+    props: {
+      anchor: "bottom"
+    },
+    style: {
+      top: "auto",
+      left: 0,
+      bottom: 0,
+      right: 0,
+      height: "auto",
+      maxHeight: "100%"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.anchor === "left" && t.variant !== "temporary",
+    style: {
+      borderRight: `1px solid ${(o.vars || o).palette.divider}`
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.anchor === "top" && t.variant !== "temporary",
+    style: {
+      borderBottom: `1px solid ${(o.vars || o).palette.divider}`
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.anchor === "right" && t.variant !== "temporary",
+    style: {
+      borderLeft: `1px solid ${(o.vars || o).palette.divider}`
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.anchor === "bottom" && t.variant !== "temporary",
+    style: {
+      borderTop: `1px solid ${(o.vars || o).palette.divider}`
+    }
+  }]
+}))), ie = {
+  left: "right",
+  right: "left",
+  top: "down",
+  bottom: "up"
+};
+function Ge(o) {
+  return ["left", "right"].includes(o);
+}
+function Je({
+  direction: o
+}, t) {
+  return o === "rtl" && Ge(t) ? ie[t] : t;
+}
+const ae = /* @__PURE__ */ T.forwardRef(function(t, n) {
+  const r = Ce({
+    props: t,
+    name: "MuiDrawer"
+  }), a = ee(), g = Se(), u = {
+    enter: a.transitions.duration.enteringScreen,
+    exit: a.transitions.duration.leavingScreen
+  }, {
+    anchor: p = "left",
+    BackdropProps: s,
+    children: c,
+    className: d,
+    elevation: E = 16,
+    hideBackdrop: y = !1,
+    ModalProps: {
+      BackdropProps: b,
+      ...C
+    } = {},
+    onClose: M,
+    open: k = !1,
+    PaperProps: w = {},
+    SlideProps: O,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: D,
+    transitionDuration: m = u,
+    variant: x = "temporary",
+    slots: N = {},
+    slotProps: h = {},
+    ...L
+  } = r, v = T.useRef(!1);
+  T.useEffect(() => {
+    v.current = !0;
+  }, []);
+  const H = Je({
+    direction: g ? "rtl" : "ltr"
+  }, p), R = {
+    ...r,
+    anchor: p,
+    elevation: E,
+    open: k,
+    variant: x,
+    ...L
+  }, S = Ue(R), P = {
+    slots: {
+      transition: D,
+      ...N
+    },
+    slotProps: {
+      paper: w,
+      transition: O,
+      ...h,
+      backdrop: Me(h.backdrop || {
+        ...s,
+        ...b
+      }, {
+        transitionDuration: m
+      })
+    }
+  }, [V, W] = I("root", {
+    ref: n,
+    elementType: Ye,
+    className: U(S.root, S.modal, d),
+    shouldForwardComponentProp: !0,
+    ownerState: R,
+    externalForwardedProps: {
+      ...P,
+      ...L,
+      ...C
+    },
+    additionalProps: {
+      open: k,
+      onClose: M,
+      hideBackdrop: y,
+      slots: {
+        backdrop: P.slots.backdrop
+      },
+      slotProps: {
+        backdrop: P.slotProps.backdrop
+      }
+    }
+  }), [j, i] = I("paper", {
+    elementType: qe,
+    shouldForwardComponentProp: !0,
+    className: U(S.paper, w.className),
+    ownerState: R,
+    externalForwardedProps: P,
+    additionalProps: {
+      elevation: x === "temporary" ? E : 0,
+      square: !0,
+      ...x === "temporary" && {
+        role: "dialog",
+        "aria-modal": "true"
+      }
+    }
+  }), [f, B] = I("docked", {
+    elementType: Xe,
+    ref: n,
+    className: U(S.root, S.docked, d),
+    ownerState: R,
+    externalForwardedProps: P,
+    additionalProps: L
+    // pass `other` here because `DockedSlot` is also a root slot for some variants
+  }), [se, ce] = I("transition", {
+    elementType: re,
+    ownerState: R,
+    externalForwardedProps: P,
+    additionalProps: {
+      in: k,
+      direction: ie[H],
+      timeout: m,
+      appear: v.current
+    }
+  }), q = /* @__PURE__ */ l(j, {
+    ...i,
+    children: c
+  });
+  if (x === "permanent")
+    return /* @__PURE__ */ l(f, {
+      ...B,
+      children: q
+    });
+  const G = /* @__PURE__ */ l(se, {
+    ...ce,
+    children: q
+  });
+  return x === "persistent" ? /* @__PURE__ */ l(f, {
+    ...B,
+    children: G
+  }) : /* @__PURE__ */ l(V, {
+    ...W,
+    children: G
+  });
+});
+process.env.NODE_ENV !== "production" && (ae.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Side from which the drawer will appear.
+   * @default 'left'
+   */
+  anchor: e.oneOf(["bottom", "left", "right", "top"]),
+  /**
+   * @ignore
+   */
+  BackdropProps: e.object,
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The elevation of the drawer.
+   * @default 16
+   */
+  elevation: ze,
+  /**
+   * If `true`, the backdrop is not rendered.
+   * @default false
+   */
+  hideBackdrop: e.bool,
+  /**
+   * Props applied to the [`Modal`](https://mui.com/material-ui/api/modal/) element.
+   * @default {}
+   */
+  ModalProps: e.object,
+  /**
+   * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose: e.func,
+  /**
+   * If `true`, the component is shown.
+   * @default false
+   */
+  open: e.bool,
+  /**
+   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
+   * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  PaperProps: e.object,
+  /**
+   * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
+   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  SlideProps: e.object,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    backdrop: e.oneOfType([e.func, e.object]),
+    docked: e.oneOfType([e.func, e.object]),
+    paper: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object]),
+    transition: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    backdrop: e.elementType,
+    docked: e.elementType,
+    paper: e.elementType,
+    root: e.elementType,
+    transition: e.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  transitionDuration: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
+  })]),
+  /**
+   * The variant to use.
+   * @default 'temporary'
+   */
+  variant: e.oneOf(["permanent", "persistent", "temporary"])
+});
+const Ke = "_accordion_4f9hk_1", Qe = "_filterBackContainer_4f9hk_6", Ze = "_drawerList_4f9hk_12", et = "_drawerButtons_4f9hk_18", tt = "_back_4f9hk_28", _ = {
+  accordion: Ke,
+  filterBackContainer: Qe,
+  drawerList: Ze,
+  drawerButtons: et,
+  back: tt
+}, Q = Te(), ot = be(({ category: o, setReportFilterOptions: t, translate: n, noneLabel: r, allLabel: a, searchLabel: g, selectionListProps: u }) => {
+  const p = o.options.filter((d) => d.selected), s = p.length, c = o.singleSelection ? s > 0 ? `(${p[0].translatable ? n(p[0].text) : p[0].text})` : "" : "(" + (s === 0 ? r : s === o.options.length ? a : s) + ")";
+  return /* @__PURE__ */ A(le, { children: [
+    /* @__PURE__ */ A(
+      ue,
+      {
+        className: _.accordion,
+        slotProps: { transition: { unmountOnExit: !0 } },
+        sx: {
+          boxShadow: "none",
+          "&.MuiPaper-elevation1": { boxShadow: "none" },
+          "&:before": { display: "none" },
+          borderRadius: "4px"
+        },
+        children: [
+          /* @__PURE__ */ A(
+            me,
+            {
+              expandIcon: /* @__PURE__ */ l(fe, {}),
+              sx: {
+                minHeight: "44px",
+                padding: "0 8px",
+                fontWeight: 500,
+                ".MuiAccordionSummary-content": { margin: "8px 0" }
+              },
+              children: [
+                n(o.categoryName),
+                " ",
+                c
+              ]
+            }
+          ),
+          /* @__PURE__ */ l(he, { children: /* @__PURE__ */ l(
+            de,
+            {
+              category: o,
+              setReportFilterOptions: t,
+              translate: n,
+              searchPlaceholder: g,
+              allLabel: a,
+              ...u
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(ge, {})
+  ] });
+}), vt = ({
+  isOpen: o,
+  onClose: t,
+  reportFilterOptions: n,
+  translate: r = (b) => b,
+  backLabel: a = "Back",
+  clearFiltersLabel: g = "Clear Filters",
+  cancelLabel: u = "Cancel",
+  applyLabel: p = "Apply",
+  noneLabel: s = "None",
+  allLabel: c = "All",
+  searchLabel: d = "Search",
+  backIcon: E,
+  selectionListProps: y
+}) => {
+  ke(() => {
+    o && C(n);
+  }, [o, n]);
+  const [b, C] = xe({}), M = we(() => /* @__PURE__ */ l(ve, { sx: { width: 360 }, role: "presentation", children: b.filterCategories?.map((m) => /* @__PURE__ */ l(
+    ot,
+    {
+      category: m,
+      setReportFilterOptions: C,
+      translate: r,
+      noneLabel: s,
+      allLabel: c,
+      searchLabel: d,
+      selectionListProps: y
+    },
+    m.categoryName
+  )) }), [b.filterCategories, r, s, c, d, y]), k = F((m) => {
+    m && Q.info("Filter applied"), t(m ? b : void 0);
+  }, [t, b]), w = F(() => k(!0), [k]), O = F(() => k(!1), [k]), D = F(() => {
+    Q.info("Filters cleared"), C((m) => ({
+      ...m,
+      filterCategories: m.filterCategories?.map((x) => ({
+        ...x,
+        options: x.options.map((N) => ({ ...N, selected: !1 }))
+      }))
+    }));
+  }, []);
+  return /* @__PURE__ */ A(ae, { open: o, onClose: w, anchor: "right", children: [
+    /* @__PURE__ */ A("div", { className: _.filterBackContainer, children: [
+      /* @__PURE__ */ A("div", { onClick: w, children: [
+        E ?? /* @__PURE__ */ l(He, { style: { cursor: "pointer" } }),
+        /* @__PURE__ */ l("span", { className: _.back, children: a })
+      ] }),
+      /* @__PURE__ */ l(
+        ye,
+        {
+          style: { marginInlineStart: "auto" },
+          component: "button",
+          underline: "none",
+          variant: "button",
+          color: "var(--color-blue)",
+          onClick: D,
+          children: g
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("div", { className: _.drawerList, children: M }),
+    /* @__PURE__ */ A("div", { className: _.drawerButtons, children: [
+      /* @__PURE__ */ l(J, { onClick: O, content: u, width: "100%" }),
+      /* @__PURE__ */ l(J, { onClick: w, content: p, width: "100%" })
+    ] })
+  ] });
+};
+export {
+  vt as default
+};