impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/FilterPanel/FilterPanelHeader.d.ts

@@ -0,0 +1,9 @@
+export interface FilterPanelHeaderProps {
+    title?: React.ReactNode;
+    toggleDrawer: () => void;
+}
+export declare function FilterPanelHeader({ title, toggleDrawer }: FilterPanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FilterPanelHeader {
+    var displayName: string;
+}
+//# sourceMappingURL=FilterPanelHeader.d.ts.map

package/dist/components/FilterPanel/FilterPanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/FilterPanel/FilterPanelHeader.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,sBAAsB,2CAYhF;yBAZe,iBAAiB"}

package/dist/components/FilterPanel/FilterPanelHeader.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import default_1 from "../../node_modules/@mui/icons-material/Close.js";
+import { Button } from "../Button/index.js";
+function FilterPanelHeader({ title, toggleDrawer }) {
+  return /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_header", children: [
+    /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_left_header", children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "impact_drawer_filter_left_heading_icon" }),
+      /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_left_heading", children: title })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { "aria-label": "Close", variant: "text", onClick: toggleDrawer, children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) })
+  ] });
+}
+FilterPanelHeader.displayName = "FilterPanelHeader";
+export {
+  FilterPanelHeader
+};

package/dist/components/FilterPanel/PanelFooter.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+
+export interface PanelFooterProps {
+    primaryButtonLabel?: ReactNode;
+    onPrimaryButtonClick?: () => void;
+    secondaryButtonLabel?: ReactNode;
+    onSecondaryButtonClick?: () => void;
+    tertiaryButtonLabel?: ReactNode;
+    onTertiaryButtonClick?: () => void;
+    quaternaryButtonLabel?: ReactNode;
+    onQuaternaryButtonClick?: () => void;
+    primaryButtonProps?: Partial<ButtonProps>;
+    secondaryButtonProps?: Partial<ButtonProps>;
+    tertiaryButtonProps?: Partial<ButtonProps>;
+    quaternaryButtonProps?: Partial<ButtonProps>;
+}
+export declare function PanelFooter({ quaternaryButtonLabel, onQuaternaryButtonClick, tertiaryButtonLabel, onTertiaryButtonClick, secondaryButtonLabel, onSecondaryButtonClick, primaryButtonLabel, onPrimaryButtonClick, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, quaternaryButtonProps, }: PanelFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PanelFooter {
+    var displayName: string;
+}
+//# sourceMappingURL=PanelFooter.d.ts.map

package/dist/components/FilterPanel/PanelFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.d.ts","sourceRoot":"","sources":["../../../src/components/FilterPanel/PanelFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED,wBAAgB,WAAW,CAAC,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,GACtB,EAAE,gBAAgB,2CA6BlB;yBA1Ce,WAAW"}

package/dist/components/FilterPanel/PanelFooter.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../Button/index.js";
+function PanelFooter({
+  quaternaryButtonLabel,
+  onQuaternaryButtonClick,
+  tertiaryButtonLabel,
+  onTertiaryButtonClick,
+  secondaryButtonLabel,
+  onSecondaryButtonClick,
+  primaryButtonLabel,
+  onPrimaryButtonClick,
+  primaryButtonProps,
+  secondaryButtonProps,
+  tertiaryButtonProps,
+  quaternaryButtonProps
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_footer", children: [
+    /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_footer_left_container", children: [
+      tertiaryButtonLabel != null && /* @__PURE__ */ jsx(Button, { variant: "text", onClick: onTertiaryButtonClick, ...tertiaryButtonProps, children: tertiaryButtonLabel }),
+      quaternaryButtonLabel != null && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onQuaternaryButtonClick, ...quaternaryButtonProps, children: quaternaryButtonLabel })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_footer_right_container", children: [
+      secondaryButtonLabel != null && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onSecondaryButtonClick, ...secondaryButtonProps, children: secondaryButtonLabel }),
+      primaryButtonLabel != null && /* @__PURE__ */ jsx(Button, { onClick: onPrimaryButtonClick, ...primaryButtonProps, children: primaryButtonLabel })
+    ] })
+  ] });
+}
+PanelFooter.displayName = "PanelFooter";
+export {
+  PanelFooter
+};

package/dist/components/FilterPanel/PanelSidebar.d.ts

@@ -0,0 +1,12 @@
+import { FilterPanelItem } from './FilterPanel.types';
+
+export interface PanelSidebarProps {
+    filters: FilterPanelItem[];
+    active: string;
+    setActive: (value: string) => void;
+}
+export declare function PanelSidebar({ filters, active, setActive }: PanelSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PanelSidebar {
+    var displayName: string;
+}
+//# sourceMappingURL=PanelSidebar.d.ts.map

package/dist/components/FilterPanel/PanelSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/FilterPanel/PanelSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA4ED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAU7E;yBAVe,YAAY"}

package/dist/components/FilterPanel/PanelSidebar.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/ErrorOutline.js";
+import Tooltip from "../../node_modules/@mui/material/Tooltip/Tooltip.js";
+function SidebarItem({
+  item,
+  active,
+  setActive
+}) {
+  const textRef = useRef(null);
+  const [showTooltip, setShowTooltip] = useState(false);
+  useEffect(() => {
+    const checkEllipsis = () => {
+      if (textRef.current) {
+        const isEllipsis = textRef.current.scrollWidth > textRef.current.clientWidth;
+        setShowTooltip(isEllipsis);
+      }
+    };
+    checkEllipsis();
+    window.addEventListener("resize", checkEllipsis);
+    return () => {
+      window.removeEventListener("resize", checkEllipsis);
+    };
+  }, [item.title]);
+  if (item.type === "separator") {
+    return /* @__PURE__ */ jsx("div", { className: "impact-drawer-filter-separator", role: "separator" });
+  }
+  const tabContent = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-disabled": item.disabled,
+      className: `impact_drawer_filter_tab ${active === item.value ? "filter_tab_active" : ""} ${item.disabled ? "filter_tab_disabled" : ""}`,
+      role: "button",
+      tabIndex: item.disabled ? -1 : 0,
+      onClick: () => {
+        if (!item.disabled) setActive(item.value);
+      },
+      onKeyDown: (e) => {
+        if (!item.disabled && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+          setActive(item.value);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_tab_content", children: [
+          /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_tab_icon", children: item.icon }),
+          /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_tab_label", children: [
+            /* @__PURE__ */ jsx("span", { ref: textRef, children: item.title }),
+            item.required && /* @__PURE__ */ jsx("span", { className: "impact_drawer_filter_tab_label-required", children: "*" })
+          ] })
+        ] }),
+        item.error ? /* @__PURE__ */ jsx(default_1, { "aria-hidden": true, color: "error", fontSize: "small" }) : typeof item.numberOfFilter === "number" && /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_tab_badges", children: item.numberOfFilter })
+      ]
+    }
+  );
+  return showTooltip ? /* @__PURE__ */ jsx(Tooltip, { placement: "left", title: item.title, children: tabContent }) : tabContent;
+}
+function PanelSidebar({ filters, active, setActive }) {
+  return /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_container_left_panel", children: /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_left_filters_tabs", children: filters.map((item, index) => /* @__PURE__ */ jsx(SidebarItem, { active, item, setActive }, item.id ?? index)) }) });
+}
+PanelSidebar.displayName = "PanelSidebar";
+export {
+  PanelSidebar
+};

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

@@ -0,0 +1,15 @@
+import { FilterPanelProps } from './FilterPanel.types';
+
+export type { FilterPanelProps, FilterPanelItem, FilterPanelAnchor, FilterPanelSize, } from './FilterPanel.types';
+export { FilterPanelHeader } from './FilterPanelHeader';
+export { PanelFooter } from './PanelFooter';
+export { PanelSidebar } from './PanelSidebar';
+/**
+ * Filter panel (drawer) with sidebar tabs and optional footer buttons.
+ * Renders the active filter's content in the right panel.
+ */
+export declare function FilterPanel({ className, title, size, anchor, isOpen, setIsOpen, active, setActive, filters, handleClose, primaryButtonLabel, onPrimaryButtonClick, secondaryButtonLabel, onSecondaryButtonClick, tertiaryButtonLabel, onTertiaryButtonClick, quaternaryButtonLabel, onQuaternaryButtonClick, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, quaternaryButtonProps, alwaysRender, 'data-testid': dataTestId, ...drawerProps }: FilterPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FilterPanel {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FilterPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilterPanel/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,qBAAqB,CAAC;AAC7E,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW9C;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,IAAc,EACd,MAAgB,EAChB,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,YAAoB,EACpB,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,gBAAgB,2CA4HlB;yBAtJe,WAAW"}

package/dist/components/FilterPanel/index.js

@@ -0,0 +1,146 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact_drawer_filter_container_medium{height:100%;width:675px}.impact_drawer_filter_container_large{height:100%;width:840px}.MuiBox-root{width:auto}.impact_drawer_filter_container{display:flex;flex-direction:column;position:relative}.impact_drawer_filter_container .impact_drawer_filter_header{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding:9px 16px;position:sticky;top:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header{align-items:center;display:flex;gap:16px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading_icon{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/filter-icon.svg) no-repeat;background-position:50%;background-size:14px;border:1px solid #eceefd;border-radius:8px;height:32px;width:32px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading{color:#1f2b4d;font-size:18px;font-weight:700}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel{background:#f5f6fa;border-right:1px solid #d9dde7;flex-shrink:0;height:100%;padding-top:10px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs{display:flex;flex-direction:column;gap:8px;padding:0 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact-drawer-filter-separator{background-color:#d9dde7;display:block;height:1px;margin-left:-8px;margin-right:-8px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab{align-items:center;display:flex;justify-content:space-between;padding:6px 8px 6px 18px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:hover{background-color:#eceefd;border-radius:8px;cursor:pointer}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_content{align-items:center;display:flex;gap:10px;width:85%}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon img,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon svg{color:#60697d;display:flex;height:16px;width:16px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label{color:#60697d;display:flex;flex-direction:row;font-size:16px;gap:4px;line-height:20px;overflow:hidden;white-space:nowrap}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label span{overflow:hidden;text-overflow:ellipsis}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label-required{color:#ec4c5c}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_badges{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#60697d;font-size:12px;height:18px;line-height:18px;min-width:27px;padding:0 8px;text-align:center}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active{background-color:#eceefd;border-radius:8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_label{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(4545%) hue-rotate(231deg) brightness(103%) contrast(87%)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_badges{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_badges,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_label,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled svg{color:#b4bac7}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled:hover{background-color:#f5f6fa;cursor:default}.impact_drawer_filter_container .impact-drawer-filter-main-container{display:flex;flex-direction:row;flex-shrink:0;height:calc(100% - 40px)}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel{width:640px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_body{height:calc(100% - 60px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;height:56px;justify-content:space-between;left:200px;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_left_container,.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_right_container{align-items:center;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer_no_buttons{height:100%}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FilterPanelHeader } from "./FilterPanelHeader.js";
+import { PanelFooter } from "./PanelFooter.js";
+import { PanelSidebar } from "./PanelSidebar.js";
+import { useShortcut } from "../Shortcuts/useShortcut.js";
+
+import Drawer from "../../node_modules/@mui/material/Drawer/Drawer.js";
+function getSizeClass(size) {
+  switch (size) {
+    case "medium":
+      return "impact_drawer_filter_container_medium";
+    default:
+      return "impact_drawer_filter_container_large";
+  }
+}
+function FilterPanel({
+  className,
+  title,
+  size = "large",
+  anchor = "right",
+  isOpen,
+  setIsOpen,
+  active,
+  setActive,
+  filters,
+  handleClose,
+  primaryButtonLabel,
+  onPrimaryButtonClick,
+  secondaryButtonLabel,
+  onSecondaryButtonClick,
+  tertiaryButtonLabel,
+  onTertiaryButtonClick,
+  quaternaryButtonLabel,
+  onQuaternaryButtonClick,
+  primaryButtonProps,
+  secondaryButtonProps,
+  tertiaryButtonProps,
+  quaternaryButtonProps,
+  alwaysRender = false,
+  "data-testid": dataTestId,
+  ...drawerProps
+}) {
+  var _a;
+  useShortcut(
+    [
+      {
+        keys: "alt+f",
+        id: "filter-panel-toggle-alt-f",
+        description: "Toggle filter panel",
+        handler: () => {
+          if (handleClose) {
+            handleClose();
+          } else {
+            setIsOpen == null ? void 0 : setIsOpen(!isOpen);
+          }
+        }
+      },
+      {
+        keys: "alt+a",
+        id: "filter-panel-apply-alt-a",
+        description: "Apply filters",
+        handler: () => {
+          if (isOpen) {
+            onPrimaryButtonClick == null ? void 0 : onPrimaryButtonClick();
+          }
+        }
+      }
+    ],
+    {
+      namespace: "FilterPanel",
+      priority: 1,
+      preventDefault: true
+    }
+  );
+  const handleToggleDrawer = (_event) => {
+    if (_event.type === "keydown" && (_event.key === "Tab" || _event.key === "Shift")) {
+      return;
+    }
+    if (handleClose) {
+      handleClose();
+    } else {
+      setIsOpen == null ? void 0 : setIsOpen(!isOpen);
+    }
+  };
+  const closeHandler = () => {
+    handleToggleDrawer({});
+  };
+  const hasFooter = primaryButtonLabel != null || secondaryButtonLabel != null || tertiaryButtonLabel != null || quaternaryButtonLabel != null;
+  const activeItems = filters.filter((item) => item.value === active);
+  const activeContent = (_a = activeItems[0]) == null ? void 0 : _a.children;
+  const containerClass = ["impact_drawer_filter_container", getSizeClass(size), className ?? ""].filter(Boolean).join(" ");
+  const bodyClass = hasFooter ? "impact_drawer_filter_body" : "impact_drawer_filter_body impact_drawer_filter_footer_no_buttons";
+  if (!hasFooter) {
+    return /* @__PURE__ */ jsx(Drawer, { anchor, open: isOpen, onClose: handleToggleDrawer, ...drawerProps, children: /* @__PURE__ */ jsxs("div", { className: containerClass, "data-testid": dataTestId, children: [
+      /* @__PURE__ */ jsx(FilterPanelHeader, { title, toggleDrawer: closeHandler }),
+      /* @__PURE__ */ jsxs("div", { className: "impact-drawer-filter-main-container", children: [
+        /* @__PURE__ */ jsx(PanelSidebar, { active, filters, setActive }),
+        /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_container_right_panel", children: /* @__PURE__ */ jsx("div", { className: bodyClass, children: activeContent }) })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Drawer, { anchor, open: isOpen, onClose: handleToggleDrawer, ...drawerProps, children: /* @__PURE__ */ jsxs("div", { className: containerClass, "data-testid": dataTestId, children: [
+    /* @__PURE__ */ jsx(FilterPanelHeader, { title, toggleDrawer: closeHandler }),
+    /* @__PURE__ */ jsxs("div", { className: "impact-drawer-filter-main-container", children: [
+      /* @__PURE__ */ jsx(PanelSidebar, { active, filters, setActive }),
+      /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_container_right_panel", children: [
+        alwaysRender ? filters.map((item) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "impact_drawer_filter_body",
+            style: {
+              display: item.value === active ? "block" : "none"
+            },
+            children: item.children
+          },
+          item.id ?? item.value
+        )) : /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_body", children: activeContent }),
+        /* @__PURE__ */ jsx(
+          PanelFooter,
+          {
+            primaryButtonLabel,
+            primaryButtonProps,
+            quaternaryButtonLabel,
+            quaternaryButtonProps,
+            secondaryButtonLabel,
+            secondaryButtonProps,
+            tertiaryButtonLabel,
+            tertiaryButtonProps,
+            onPrimaryButtonClick,
+            onQuaternaryButtonClick,
+            onSecondaryButtonClick,
+            onTertiaryButtonClick
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+FilterPanel.displayName = "FilterPanel";
+export {
+  FilterPanel,
+  FilterPanelHeader,
+  PanelFooter,
+  PanelSidebar
+};

package/dist/components/FiltersStrip/AppliedFilters.d.ts

@@ -0,0 +1,25 @@
+import { RecentFilterItem, SavedFilterBadge, SavedFilterListOption } from './FiltersStrip.types';
+
+/** Props for AppliedFilters (re-exported for consumers) */
+export interface AppliedFiltersProps {
+    selectedFilter: string;
+    setSelectedFilter: (label: string) => void;
+    recentFilters: RecentFilterItem[];
+    savedFiltersBadge: SavedFilterBadge[];
+    savedFilterLists: SavedFilterListOption[];
+    handleApplyFilter: (selectedFilter: string) => void;
+    handleCancelFilter: () => void;
+    handleBadgeChange: (badge: SavedFilterBadge) => void;
+    setShowDropDown: (show: boolean) => void;
+    selectedBadge: string | null;
+    setSelectedBadge: (label: string | null) => void;
+    tempSelectedFilter: string;
+    setTempSelectedFilter: (label: string) => void;
+    selectedFilterOnApply: string;
+    setSelectedFilterOnApply: (label: string) => void;
+}
+export declare function AppliedFilters({ selectedFilter, setSelectedFilter, recentFilters, savedFiltersBadge, savedFilterLists, handleApplyFilter, handleCancelFilter, handleBadgeChange, setShowDropDown, selectedBadge, setSelectedBadge, tempSelectedFilter, setTempSelectedFilter, selectedFilterOnApply, setSelectedFilterOnApply, }: AppliedFiltersProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AppliedFilters {
+    var displayName: string;
+}
+//# sourceMappingURL=AppliedFilters.d.ts.map

package/dist/components/FiltersStrip/AppliedFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppliedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/AppliedFilters.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,2DAA2D;AAE3D,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,gBAAgB,EAAE,qBAAqB,EAAE,CAAC;IAC1C,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GACzB,EAAE,mBAAmB,2CA8JrB;yBA9Ke,cAAc"}

package/dist/components/FiltersStrip/AppliedFilters.js

@@ -0,0 +1,160 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/SearchOutlined.js";
+import { Badge } from "../Badge/index.js";
+import { Button } from "../Button/index.js";
+import { Input } from "../Input/index.js";
+function AppliedFilters({
+  selectedFilter,
+  setSelectedFilter,
+  recentFilters,
+  savedFiltersBadge,
+  savedFilterLists,
+  handleApplyFilter,
+  handleCancelFilter,
+  handleBadgeChange,
+  setShowDropDown,
+  selectedBadge,
+  setSelectedBadge,
+  tempSelectedFilter,
+  setTempSelectedFilter,
+  selectedFilterOnApply,
+  setSelectedFilterOnApply
+}) {
+  const [savedLists, setSavedLists] = useState(savedFilterLists);
+  const [searchInput, setSearchInput] = useState("");
+  useEffect(() => {
+    setSavedLists(savedFilterLists);
+  }, [savedFilterLists]);
+  const handleSearch = (event) => {
+    const value = event.target.value;
+    setSearchInput(value);
+    const searchTerm = value.trim().toUpperCase();
+    const searchTerms = searchTerm.split(/\s+/).filter(Boolean);
+    if (searchTerms.length > 0) {
+      const searchResults = savedFilterLists.filter(
+        (option) => searchTerms.every((term) => new RegExp(term, "i").test(option.label))
+      );
+      setSavedLists([...searchResults]);
+    } else {
+      setSavedLists(savedFilterLists);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "impact-filter-dropdown-wrapper", children: [
+    recentFilters.length > 0 && /* @__PURE__ */ jsxs("div", { className: "impact-filter-dropdown-recent-container", children: [
+      /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-label", children: "Recent" }),
+      /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-recent-filters-wrapper", children: recentFilters.map((filter, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "impact-filter-dropdown-recent-filters",
+          role: "button",
+          tabIndex: 0,
+          onClick: () => {
+            filter.handleRecentFilter(filter);
+            setShowDropDown(false);
+          },
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              filter.handleRecentFilter(filter);
+              setShowDropDown(false);
+            }
+          },
+          children: [
+            filter.filterSet.slice(0, 2).map((fil, i) => /* @__PURE__ */ jsxs("span", { children: [
+              fil.label,
+              i === 0 && filter.filterSet.length > 1 && ", "
+            ] }, i)),
+            filter.filterSet.length > 2 && ",..."
+          ]
+        },
+        index
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "impact-notification-horizontal-separator" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "impact-filter-dropdown-saved-container", children: [
+      /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-label", children: "Saved Filters" }),
+      /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-saved-filters-badge-wrapper", children: savedFiltersBadge.map((badge, index) => /* @__PURE__ */ jsx(
+        Badge,
+        {
+          color: selectedBadge === badge.label ? "info" : void 0,
+          label: badge.label,
+          variant: "stroke",
+          onClick: () => {
+            handleBadgeChange(badge);
+            setSelectedBadge(badge.label);
+          }
+        },
+        index
+      )) }),
+      savedFilterLists.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-saved-filters-search-wrapper", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            leftIcon: /* @__PURE__ */ jsx(default_1, {}),
+            placeholder: "Search filters...",
+            value: searchInput,
+            onChange: handleSearch
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-saved-filters-lists-wrapper", children: savedLists.length > 0 ? savedLists.map((list) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `impact-filter-dropdown-saved-filters-list ${selectedFilterOnApply === list.label ? "filter-dropdown-selected-list" : ""}`,
+            role: "button",
+            tabIndex: 0,
+            onClick: () => {
+              setSelectedFilter(list.label);
+              setSelectedFilterOnApply(list.label);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                setSelectedFilter(list.label);
+                setSelectedFilterOnApply(list.label);
+              }
+            },
+            children: list.label
+          },
+          list.value
+        )) : /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-saved-filters-no-data", children: /* @__PURE__ */ jsx("span", { className: "impact-filter-dropdown-saved-filters-no-data-text", children: "No saved filters found" }) }) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-saved-filters-no-data", children: /* @__PURE__ */ jsx("span", { className: "impact-filter-dropdown-saved-filters-no-data-text", children: "No saved filters found" }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "impact-filter-dropdown-action-wrapper", children: [
+      /* @__PURE__ */ jsx("div", { className: "impact-notification-horizontal-separator" }),
+      /* @__PURE__ */ jsxs("div", { className: "impact-filter-dropdown-action-btns", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "large",
+            variant: "text",
+            onClick: () => {
+              setSelectedFilterOnApply(tempSelectedFilter);
+              handleCancelFilter();
+              setShowDropDown(false);
+            },
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: savedLists.length === 0,
+            size: "large",
+            variant: "primary",
+            onClick: () => {
+              setTempSelectedFilter(selectedFilterOnApply);
+              handleApplyFilter(selectedFilter);
+              setShowDropDown(false);
+            },
+            children: "Apply Filter"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+AppliedFilters.displayName = "AppliedFilters";
+export {
+  AppliedFilters
+};

package/dist/components/FiltersStrip/FilterDropDown.d.ts

@@ -0,0 +1,22 @@
+import { RecentFilterItem, SavedFilterBadge, SavedFilterListOption } from './FiltersStrip.types';
+
+/** Props for FilterDropDown (re-exported for consumers) */
+export interface FilterDropDownProps {
+    selectedFilter: string;
+    setSelectedFilter: (label: string) => void;
+    recentFilters: RecentFilterItem[];
+    savedFilterLists: SavedFilterListOption[];
+    savedFiltersBadge: SavedFilterBadge[];
+    handleApplyFilter: (selectedFilter: string) => void;
+    handleCancelFilter: () => void;
+    handleBadgeChange: (badge: SavedFilterBadge) => void;
+    hideSelectedFilterBadge?: boolean;
+    savedFilterSelectedBadge?: string | null;
+    handleSavedRecentFilterDropdown?: () => void;
+    filterDropDownLabel?: string;
+}
+export declare function FilterDropDown({ selectedFilter, setSelectedFilter, recentFilters, savedFilterLists, savedFiltersBadge, handleApplyFilter, handleCancelFilter, handleBadgeChange, hideSelectedFilterBadge, savedFilterSelectedBadge, handleSavedRecentFilterDropdown, filterDropDownLabel, }: FilterDropDownProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FilterDropDown {
+    var displayName: string;
+}
+//# sourceMappingURL=FilterDropDown.d.ts.map

package/dist/components/FiltersStrip/FilterDropDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDropDown.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/FilterDropDown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,2DAA2D;AAE3D,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,gBAAgB,EAAE,qBAAqB,EAAE,CAAC;IAC1C,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,+BAA+B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,iBAAiB,EACjB,aAAkB,EAClB,gBAAqB,EACrB,iBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA+B,EAC/B,mBAAuC,GACxC,EAAE,mBAAmB,2CAsFrB;yBAnGe,cAAc"}