impact-nova 1.8.2 → 1.9.0-alpha.0

package/dist/components/ui/filter-panel/filter-panel.js

@@ -1,19 +1,21 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import v from "react";
-import { Sheet as b, SheetContent as g, SheetDescription as N, SheetTitle as y, SheetClose as w } from "../sheet.js";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import b from "react";
+import { Sheet as v, SheetContent as g, SheetDescription as N, SheetTitle as y, SheetClose as w } from "../sheet.js";
 import { cn as i } from "../../../lib/utils.js";
-import { MultiColorFilter as k, Cross as C, InfoBadge as m } from "../../../icons/index.js";
-import { Button as F } from "../button.js";
+import { Button as k } from "../button.js";
 import { Tooltip as d, TooltipTrigger as h, TooltipContent as f } from "../tooltip.js";
-import { Kbd as P } from "../command-palette/kbd.js";
+import { Kbd as C } from "../command-palette/kbd.js";
 import { useImpactNovaI18n as u } from "../../../i18n/ImpactNovaI18nContext.js";
-const j = ({
-  title: n,
-  children: r,
+import { MultiColorFilter as F } from "../../../icons/generated/multi-color-filter.js";
+import { InfoBadge as m } from "../../../icons/generated/info-badge.js";
+import { Cross as P } from "../../../icons/generated/cross.js";
+const I = ({
+  title: r,
+  children: n,
   className: l
 }) => {
   const { t: c } = u();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-component": "filter-panel-header",
@@ -22,43 +24,44 @@ const j = ({
         l
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-brand-tint bg-white",
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(k, { className: "size-5 shrink-0" })
+              children: /* @__PURE__ */ e(F, { className: "size-5 shrink-0" })
             }
           ),
-          /* @__PURE__ */ e(y, { className: "text-lg font-bold text-content", children: n })
+          /* @__PURE__ */ e(y, { className: "text-lg font-bold text-content", children: r })
         ] }),
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-          r,
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          n,
           /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
-            F,
+            k,
             {
               variant: "secondary",
               size: "icon",
+              tabIndex: -1,
               "aria-label": c("aria.close"),
               "data-component": "filter-panel-close",
-              children: /* @__PURE__ */ e(C, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ e(P, { className: "h-3 w-3" })
             }
           ) })
         ] })
       ]
     }
   );
-}, H = ({
-  open: n,
-  onOpenChange: r,
+}, R = ({
+  open: r,
+  onOpenChange: n,
   title: l = "Filter panel",
   children: c,
   header: s,
-  sidebar: a,
+  sidebar: t,
   className: o,
   preventClose: x = !1
-}) => /* @__PURE__ */ e(b, { open: n, onOpenChange: r, children: /* @__PURE__ */ t(
+}) => /* @__PURE__ */ e(v, { open: r, onOpenChange: n, children: /* @__PURE__ */ a(
   g,
   {
     side: "right",
@@ -74,18 +77,18 @@ const j = ({
     },
     children: [
       /* @__PURE__ */ e(N, { className: "sr-only", children: "Select filters to apply to the current view." }),
-      /* @__PURE__ */ t("div", { className: "flex h-full flex-col bg-canvas-elevated", children: [
-        s || /* @__PURE__ */ e(j, { title: l }),
-        /* @__PURE__ */ t("div", { className: "flex flex-1 overflow-hidden", children: [
-          a,
+      /* @__PURE__ */ a("div", { className: "flex h-full flex-col bg-canvas-elevated", children: [
+        s || /* @__PURE__ */ e(I, { title: l }),
+        /* @__PURE__ */ a("div", { className: "flex flex-1 overflow-hidden", children: [
+          t,
           /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: c })
         ] })
       ] })
     ]
   }
-) }), M = ({
-  items: n,
-  activeTab: r,
+) }), W = ({
+  items: r,
+  activeTab: n,
   onTabChange: l,
   className: c
 }) => {
@@ -98,24 +101,26 @@ const j = ({
         "flex w-[200px] shrink-0 flex-col border-r bg-navigation-canvas",
         c
       ),
-      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: n.map((a) => {
-        const o = r === a.id;
-        return /* @__PURE__ */ t(v.Fragment, { children: [
-          a.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
-          /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: r.map((t) => {
+        const o = n === t.id;
+        return /* @__PURE__ */ a(b.Fragment, { children: [
+          t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
+          /* @__PURE__ */ a(
             "button",
             {
-              onClick: () => l(a.id),
+              type: "button",
+              autoFocus: o,
+              onClick: () => l(t.id),
               "data-component": "filter-panel-sidebar-item",
               "data-active": o ? "true" : "false",
-              "data-tab": a.id,
-              "data-shortcut-id": a.shortcutId,
+              "data-tab": t.id,
+              "data-shortcut-id": t.shortcutId,
               className: i(
                 "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
                 o ? "bg-canvas-accent text-brand" : "text-content-secondary hover:bg-canvas-accent"
               ),
               children: [
-                /* @__PURE__ */ t("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
@@ -123,29 +128,29 @@ const j = ({
                         "shrink-0",
                         o ? "text-brand" : "text-content-secondary"
                       ),
-                      children: a.icon
+                      children: t.icon
                     }
                   ),
-                  /* @__PURE__ */ t("div", { className: "flex items-center gap-1 min-w-0", children: [
-                    /* @__PURE__ */ t(d, { children: [
-                      /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: a.label }) }),
-                      /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: a.tooltipKeybinding ? /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
-                        a.label,
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
+                    /* @__PURE__ */ a(d, { children: [
+                      /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: t.label }) }),
+                      /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
+                        t.label,
                         " ",
                         /* @__PURE__ */ e(
-                          P,
+                          C,
                           {
-                            keybinding: a.tooltipKeybinding,
+                            keybinding: t.tooltipKeybinding,
                             size: "sm"
                           }
                         )
-                      ] }) : a.label })
+                      ] }) : t.label })
                     ] }),
-                    a.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-danger", children: "*" })
+                    t.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-danger", children: "*" })
                   ] })
                 ] }),
-                /* @__PURE__ */ t("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
-                  a.count !== void 0 && a.count > 0 && /* @__PURE__ */ t(d, { children: [
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
+                  t.count !== void 0 && t.count > 0 && /* @__PURE__ */ a(d, { children: [
                     /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
                       "span",
                       {
@@ -153,23 +158,23 @@ const j = ({
                           "inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[11px] font-medium tabular-nums leading-none shrink-0",
                           o ? "bg-canvas-elevated text-brand border border-stroke-subtle" : "bg-brand-tint border border-stroke-subtle"
                         ),
-                        children: a.count
+                        children: t.count
                       }
                     ) }),
                     /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: s(
-                      a.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
-                      { count: a.count }
+                      t.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
+                      { count: t.count }
                     ) })
                   ] }),
-                  a.hasError && /* @__PURE__ */ t(d, { children: [
+                  t.hasError && /* @__PURE__ */ a(d, { children: [
                     /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-danger" }) }),
                     /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
                   ] }),
-                  a.hasWarning && /* @__PURE__ */ t(d, { children: [
+                  t.hasWarning && /* @__PURE__ */ a(d, { children: [
                     /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-warning" }) }),
                     /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabHasWarnings") })
                   ] }),
-                  a.hasInfo && /* @__PURE__ */ t(d, { children: [
+                  t.hasInfo && /* @__PURE__ */ a(d, { children: [
                     /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
                     /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
                   ] })
@@ -177,42 +182,43 @@ const j = ({
               ]
             }
           )
-        ] }, a.id);
+        ] }, t.id);
       }) })
     }
   );
-}, R = ({ children: n, className: r }) => /* @__PURE__ */ e(
+}, _ = ({ children: r, className: n }) => /* @__PURE__ */ e(
   "div",
   {
     "data-component": "filter-panel-body",
     className: i(
       "flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4",
-      r
+      n
     ),
-    children: n
+    children: r
   }
-), W = ({
-  children: n,
-  className: r,
+), q = ({
+  children: r,
+  className: n,
   leftAction: l
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ a(
   "div",
   {
     "data-component": "filter-panel-footer",
     className: i(
       "flex items-center justify-between border-t bg-canvas-elevated px-4 py-3 shrink-0",
-      r
+      n
     ),
     children: [
       /* @__PURE__ */ e("div", { children: l && l }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: n })
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: r })
     ]
   }
 );
 export {
-  H as FilterPanel,
-  R as FilterPanelBody,
-  W as FilterPanelFooter,
-  j as FilterPanelHeader,
-  M as FilterPanelSidebar
+  R as FilterPanel,
+  _ as FilterPanelBody,
+  q as FilterPanelFooter,
+  I as FilterPanelHeader,
+  W as FilterPanelSidebar
 };
+//# sourceMappingURL=filter-panel.js.map

package/dist/components/ui/filter-panel/filter-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.js","sources":["impact-nova/src/components/ui/filter-panel/filter-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetClose,\n  SheetTitle,\n  SheetDescription,\n} from \"@/components/ui/sheet\";\nimport { cn } from \"@/lib/utils\";\nimport { MultiColorFilter, Cross, InfoBadge } from \"@/icons\";\nimport { Button } from \"../button\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../tooltip\";\nimport { Kbd } from \"../command-palette/kbd\";\nimport type {\n  FilterPanelHeaderProps,\n  FilterPanelProps,\n  FilterPanelSidebarProps,\n  FilterPanelBodyProps,\n  FilterPanelFooterProps,\n} from \"../types/filter-panel.types\";\nimport { useImpactNovaI18n } from \"@/i18n\";\n\n// --- Root Component ---\n\n// --- Root Component ---\n\nconst FilterPanelHeader = ({\n  title,\n  children,\n  className,\n}: FilterPanelHeaderProps) => {\n  const { t } = useImpactNovaI18n();\n  return (\n    <div\n      data-component=\"filter-panel-header\"\n      className={cn(\n        \"flex  shrink-0 flex-row items-center justify-between border-b px-4 py-[9px] bg-canvas-elevated\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-3\">\n        <div\n          className=\"flex size-8 shrink-0 items-center justify-center rounded-md border border-brand-tint bg-white\"\n          aria-hidden\n        >\n          <MultiColorFilter className=\"size-5 shrink-0\" />\n        </div>\n        <SheetTitle className=\"text-lg font-bold text-content\">\n          {title}\n        </SheetTitle>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        {children}\n        <SheetClose asChild>\n          <Button\n            variant=\"secondary\"\n            size=\"icon\"\n            tabIndex={-1}\n            aria-label={t(\"aria.close\")}\n            data-component=\"filter-panel-close\"\n          >\n            <Cross className=\"h-3 w-3\" />\n          </Button>\n        </SheetClose>\n      </div>\n    </div>\n  );\n};\n\n// --- Root Component ---\n\nconst FilterPanel = ({\n  open,\n  onOpenChange,\n  title = \"Filter panel\",\n  children,\n  header,\n  sidebar,\n  className,\n  preventClose = false,\n}: FilterPanelProps) => {\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent\n        side=\"right\"\n        className={cn(\n          \"w-full !max-w-[840px] p-0 sm:!max-w-[840px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-canvas-elevated\",\n          className,\n        )}\n        onInteractOutside={(e) => {\n          if (preventClose) {\n            e.preventDefault();\n          }\n        }}\n        onEscapeKeyDown={(e) => {\n          if (preventClose) {\n            e.preventDefault();\n          }\n        }}\n      >\n        <SheetDescription className=\"sr-only\">\n          Select filters to apply to the current view.\n        </SheetDescription>\n        <div className=\"flex h-full flex-col bg-canvas-elevated\">\n          {/* Header - Custom or Default */}\n          {header ? header : <FilterPanelHeader title={title} />}\n\n          {/* Main Content Layout */}\n          <div className=\"flex flex-1 overflow-hidden\">\n            {/* Sidebar Slot - Left Side */}\n            {sidebar}\n\n            {/* Content Column - Right Side (Children Only) */}\n            <div className=\"flex flex-col flex-1 overflow-hidden\">\n              {children}\n            </div>\n          </div>\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n};\n\n// --- Sidebar Component ---\n\nconst FilterPanelSidebar = ({\n  items,\n  activeTab,\n  onTabChange,\n  className,\n}: FilterPanelSidebarProps) => {\n  const { t } = useImpactNovaI18n();\n  return (\n    <div\n      data-component=\"filter-panel-sidebar\"\n      className={cn(\n        \"flex w-[200px] shrink-0 flex-col border-r bg-navigation-canvas\",\n        className,\n      )}\n    >\n      <div className=\"flex flex-1 flex-col py-2 gap-1 overflow-y-auto\">\n        {items.map((item) => {\n          const isActive = activeTab === item.id;\n          return (\n            <React.Fragment key={item.id}>\n              {item.separator && (\n                <div className=\"my-2 h-px bg-stroke-hairline\" />\n              )}\n              <button\n                type=\"button\"\n                autoFocus={isActive}\n                onClick={() => onTabChange(item.id)}\n                data-component=\"filter-panel-sidebar-item\"\n                data-active={isActive ? \"true\" : \"false\"}\n                data-tab={item.id}\n                data-shortcut-id={item.shortcutId}\n                className={cn(\n                  \"group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors\",\n                  isActive\n                    ? \"bg-canvas-accent text-brand\"\n                    : \"text-content-secondary hover:bg-canvas-accent\",\n                )}\n              >\n                <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n                  <span\n                    className={cn(\n                      \"shrink-0\",\n                      isActive ? \"text-brand\" : \"text-content-secondary\",\n                    )}\n                  >\n                    {item.icon}\n                  </span>\n                  <div className=\"flex items-center gap-1 min-w-0\">\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <span className=\"truncate font-['Manrope']\">\n                          {item.label}\n                        </span>\n                      </TooltipTrigger>\n                      <TooltipContent variant=\"tertiary\" side=\"right\">\n                        {item.tooltipKeybinding ? (\n                          <span className=\"flex items-center gap-2\">\n                            {item.label}{\" \"}\n                            <Kbd\n                              keybinding={item.tooltipKeybinding}\n                              size=\"sm\"\n                            />\n                          </span>\n                        ) : (\n                          item.label\n                        )}\n                      </TooltipContent>\n                    </Tooltip>\n                    {item.isRequired && (\n                      <span className=\"shrink-0 text-danger\">*</span>\n                    )}\n                  </div>\n                </div>\n\n                <div className=\"flex items-center gap-1 shrink-0 ml-1\">\n                  {/* Count Badge */}\n                  {item.count !== undefined && item.count > 0 && (\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <span\n                          className={cn(\n                            \"inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[11px] font-medium tabular-nums leading-none shrink-0\",\n                            isActive\n                              ? \"bg-canvas-elevated text-brand border border-stroke-subtle\"\n                              : \"bg-brand-tint border border-stroke-subtle\",\n                          )}\n                        >\n                          {item.count}\n                        </span>\n                      </TooltipTrigger>\n                      <TooltipContent variant=\"tertiary\" side=\"top\">\n                        {t(\n                          item.countBadgeContext === \"savedFiltersTotal\"\n                            ? \"filterPanel.savedFiltersAvailableCount\"\n                            : \"filterPanel.filtersAppliedCount\",\n                          { count: item.count },\n                        )}\n                      </TooltipContent>\n                    </Tooltip>\n                  )}\n\n                  {/* Icons: Error, Warning or Info */}\n                  {item.hasError && (\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <InfoBadge className=\"h-5 w-5 shrink-0 text-danger\" />\n                      </TooltipTrigger>\n                      <TooltipContent variant=\"tertiary\">\n                        {t(\"filterPanel.tabContainsErrors\")}\n                      </TooltipContent>\n                    </Tooltip>\n                  )}\n                  {item.hasWarning && (\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <InfoBadge className=\"h-5 w-5 shrink-0 text-warning\" />\n                      </TooltipTrigger>\n                      <TooltipContent variant=\"tertiary\">\n                        {t(\"filterPanel.tabHasWarnings\")}\n                      </TooltipContent>\n                    </Tooltip>\n                  )}\n                  {item.hasInfo && (\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <InfoBadge className=\"h-5 w-5 shrink-0 text-content-icon\" />\n                      </TooltipTrigger>\n                      <TooltipContent variant=\"tertiary\">\n                        {t(\"filterPanel.additionalInfoAvailable\")}\n                      </TooltipContent>\n                    </Tooltip>\n                  )}\n                </div>\n              </button>\n            </React.Fragment>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\n// --- Body Component ---\n\nconst FilterPanelBody = ({ children, className }: FilterPanelBodyProps) => {\n  return (\n    <div\n      data-component=\"filter-panel-body\"\n      className={cn(\n        \"flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\n// --- Footer Component ---\n\nconst FilterPanelFooter = ({\n  children,\n  className,\n  leftAction,\n}: FilterPanelFooterProps) => {\n  return (\n    <div\n      data-component=\"filter-panel-footer\"\n      className={cn(\n        \"flex items-center justify-between border-t bg-canvas-elevated px-4 py-3 shrink-0\",\n        className,\n      )}\n    >\n      <div>{leftAction && leftAction}</div>\n      <div className=\"flex items-center gap-3\">{children}</div>\n    </div>\n  );\n};\n\nexport {\n  FilterPanel,\n  FilterPanelHeader,\n  FilterPanelSidebar,\n  FilterPanelBody,\n  FilterPanelFooter,\n};\n"],"names":["FilterPanelHeader","title","children","className","t","useImpactNovaI18n","jsxs","cn","jsx","MultiColorFilter","SheetTitle","SheetClose","Button","Cross","FilterPanel","open","onOpenChange","header","sidebar","preventClose","Sheet","SheetContent","e","SheetDescription","FilterPanelSidebar","items","activeTab","onTabChange","item","isActive","React","Tooltip","TooltipTrigger","TooltipContent","Kbd","InfoBadge","FilterPanelBody","FilterPanelFooter","leftAction"],"mappings":"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"}

package/dist/components/ui/filter-panel/index.js

@@ -6,3 +6,4 @@ export {
   i as FilterPanelHeader,
   F as FilterPanelSidebar
 };
+//# sourceMappingURL=index.js.map

package/dist/components/ui/filter-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/ui/filter-strip/filter-strip.js

@@ -125,3 +125,4 @@ const O = ({
 export {
   O as FilterStrip
 };
+//# sourceMappingURL=filter-strip.js.map

package/dist/components/ui/filter-strip/filter-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-strip.js","sources":["impact-nova/src/components/ui/filter-strip/filter-strip.tsx"],"sourcesContent":["import { ListFilter } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { useImpactNovaI18n } from \"@/i18n\";\nimport { FilterSummary } from \"./filter-summary\";\nimport { FilterTagList } from \"./filter-tag-list\";\nimport type { FilterStripProps } from \"../types/filter-strip.types\";\n\nconst FilterStrip = ({\n  filters,\n  onFilterRemove,\n  onAllFiltersClick,\n  savedFilters,\n  recentFilters,\n  onApplySavedFilter,\n  onSavedFilterSearch,\n  onSavedFiltersScroll,\n  onViewAll,\n  onOverflowClick,\n  selectedFilter,\n  onSelectedFilterChange,\n  onDropdownOpenChange,\n  isLoadingFilterPreferencesList,\n  isLoading,\n  onEditSavedFilter,\n  onDeleteSavedFilter,\n  onSetDefaultSavedFilter,\n  className,\n  allFiltersKeybinding,\n  allFiltersShortcutId,\n  showAllFiltersButton = true,\n  showSavedFilters = true,\n}: FilterStripProps) => {\n  const { t } = useImpactNovaI18n();\n  if (isLoading) {\n    return (\n      <div\n        data-component=\"filter-strip\"\n        data-loading=\"true\"\n        className={cn(\n          \"flex w-full h-12 items-center gap-3 bg-canvas-elevated px-6 py-2\",\n          className,\n        )}\n      >\n        <div\n          className=\"flex items-center gap-2 flex-1 min-w-0\"\n          data-component=\"filter-strip-loading\"\n        >\n          <span className=\"text-sm font-medium text-content-tertiary font-['Manrope'] shrink-0\">\n            {t(\"filterStrip.filtersApplied\")}\n          </span>\n          <Skeleton className=\"h-6 w-20 shrink-0\" />\n          <div className=\"h-4 w-[1px] bg-stroke-hairline shrink-0\" />\n          <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n            <Skeleton className=\"h-6 w-32\" />\n            <Skeleton className=\"h-6 w-28\" />\n            <Skeleton className=\"h-6 w-24\" />\n            <Skeleton className=\"h-6 w-36\" />\n            <Skeleton className=\"h-6 w-20\" />\n            <Skeleton className=\"h-6 w-30\" />\n          </div>\n          <div className=\"h-4 w-[1px] bg-stroke-hairline shrink-0\" />\n          <Skeleton className=\"h-8 w-24 shrink-0\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-component=\"filter-strip\"\n      className={cn(\n        \"flex w-full h-12 items-center gap-3 bg-canvas-elevated px-6 py-2 overflow-visible\",\n        className,\n      )}\n    >\n      {/* Filter Summary / Filters Applied Dropdown */}\n      {showSavedFilters && (\n        <>\n          <FilterSummary\n            selectedFilter={selectedFilter}\n            onSelectedFilterChange={onSelectedFilterChange}\n            savedFilters={savedFilters}\n            recentFilters={recentFilters}\n            onApplySavedFilter={onApplySavedFilter}\n            onSavedFilterSearch={onSavedFilterSearch}\n            onSavedFiltersScroll={onSavedFiltersScroll}\n            onDropdownOpenChange={onDropdownOpenChange}\n            isLoadingFilterPreferencesList={isLoadingFilterPreferencesList}\n            onEditSavedFilter={onEditSavedFilter}\n            onDeleteSavedFilter={onDeleteSavedFilter}\n            onSetDefaultSavedFilter={onSetDefaultSavedFilter}\n          />\n          <div className=\"h-4 w-[1px] bg-stroke-hairline mx-1 shrink-0\" />\n        </>\n      )}\n\n      {/* Filter Tags List with Horizontal Scroll */}\n      <FilterTagList\n        filters={filters}\n        onFilterRemove={onFilterRemove}\n        onOverflowClick={onOverflowClick}\n        onViewAll={onViewAll}\n      />\n\n      {/* <div className=\"h-4 w-[1px] bg-stroke-hairline mx-1 shrink-0\" /> */}\n\n      {/* All Filters Button */}\n      {showAllFiltersButton && (\n        <Button\n          variant=\"tertiary\"\n          onClick={onAllFiltersClick}\n          data-component=\"filter-strip-all-filters\"\n          aria-label={t(\"filterStrip.allFilters\")}\n          tooltipSide=\"bottom\"\n          tooltipKeybinding={allFiltersKeybinding}\n          data-shortcut-id={allFiltersShortcutId}\n        >\n          <ListFilter className=\"h-4 w-4\" />\n          {t(\"filterStrip.allFilters\")}\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport { FilterStrip };\n"],"names":["FilterStrip","filters","onFilterRemove","onAllFiltersClick","savedFilters","recentFilters","onApplySavedFilter","onSavedFilterSearch","onSavedFiltersScroll","onViewAll","onOverflowClick","selectedFilter","onSelectedFilterChange","onDropdownOpenChange","isLoadingFilterPreferencesList","isLoading","onEditSavedFilter","onDeleteSavedFilter","onSetDefaultSavedFilter","className","allFiltersKeybinding","allFiltersShortcutId","showAllFiltersButton","showSavedFilters","t","useImpactNovaI18n","jsx","cn","jsxs","Skeleton","Fragment","FilterSummary","FilterTagList","Button","ListFilter"],"mappings":"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"}

package/dist/components/ui/filter-strip/filter-summary.js

@@ -347,3 +347,4 @@ const Ie = ({
 export {
   Ie as FilterSummary
 };
+//# sourceMappingURL=filter-summary.js.map

package/dist/components/ui/filter-strip/filter-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-summary.js","sources":["impact-nova/src/components/ui/filter-strip/filter-summary.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Search, ChevronDown, Trash2, Pencil, Star } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport { useImpactNovaI18n } from \"@/i18n\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { Button } from \"@/components/ui/button\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { Tabs, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Input } from \"@/components/ui/input\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport type { FilterItem, SavedFilterItem } from \"../types/filter-strip.types\";\n\ninterface FilterSummaryProps {\n  selectedFilter?: string;\n  onSelectedFilterChange?: (label: string) => void;\n  savedFilters?: SavedFilterItem[];\n  recentFilters?: FilterItem[][];\n  onApplySavedFilter?: (filter: SavedFilterItem) => void;\n  onSavedFilterSearch?: (query: string, type?: \"Global\" | \"Personal\") => void;\n  onSavedFiltersScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n  onDropdownOpenChange?: (isOpen: boolean) => void;\n  isLoadingFilterPreferencesList?: boolean;\n  onEditSavedFilter?: (filter: SavedFilterItem) => void;\n  onDeleteSavedFilter?: (filter: SavedFilterItem) => void;\n  onSetDefaultSavedFilter?: (filter: SavedFilterItem) => void;\n}\n\nconst FilterSummary = ({\n  selectedFilter,\n  onSelectedFilterChange,\n  savedFilters,\n  recentFilters,\n  onApplySavedFilter,\n  onSavedFilterSearch,\n  onSavedFiltersScroll,\n  onDropdownOpenChange,\n  isLoadingFilterPreferencesList = false,\n  onEditSavedFilter,\n  onDeleteSavedFilter,\n  onSetDefaultSavedFilter,\n}: FilterSummaryProps) => {\n  const { t } = useImpactNovaI18n();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [updatingDefaultId, setUpdatingDefaultId] = React.useState<string | null>(null);\n  const [previousDefaultId, setPreviousDefaultId] = React.useState<string | null>(null);\n\n  // Track the previous default filter to show animation when it changes\n  React.useEffect(() => {\n    const currentDefault = savedFilters?.find((f) => f.isDefault);\n    if (currentDefault && currentDefault.id !== previousDefaultId) {\n      setPreviousDefaultId(currentDefault.id);\n    }\n  }, [savedFilters, previousDefaultId]);\n\n  // Notify parent when dropdown opens/closes (for on-demand fetching)\n  const handleOpenChange = (open: boolean) => {\n    setIsOpen(open);\n    onDropdownOpenChange?.(open);\n  };\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [debouncedQuery, setDebouncedQuery] = React.useState(\"\");\n  const [activeTab, setActiveTab] = React.useState<\n    \"All\" | \"Global\" | \"Personal\"\n  >(\"All\");\n  const [pendingSelection, setPendingSelection] = React.useState<{\n    label: string;\n    savedItem?: SavedFilterItem;\n  } | null>(null);\n\n  // Memoized Debounce\n  React.useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedQuery(searchQuery);\n    }, 300); // 300ms debounce\n    return () => clearTimeout(handler);\n  }, [searchQuery]);\n\n  // Trigger Server-side search when debounced query or active tab changes\n  React.useEffect(() => {\n    if (onSavedFilterSearch) {\n      onSavedFilterSearch(\n        debouncedQuery,\n        activeTab === \"All\" ? undefined : activeTab,\n      );\n    }\n  }, [debouncedQuery, activeTab, onSavedFilterSearch]);\n\n  // Reset pending selection when popover opens\n  React.useEffect(() => {\n    if (isOpen) {\n      setPendingSelection({ label: selectedFilter });\n    }\n  }, [isOpen, selectedFilter]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchQuery(e.target.value);\n    // Server search triggered via effect\n  };\n\n  const handleApply = () => {\n    if (pendingSelection) {\n      onSelectedFilterChange?.(pendingSelection.label);\n      if (pendingSelection.savedItem) {\n        onApplySavedFilter?.(pendingSelection.savedItem);\n      }\n      setIsOpen(false);\n    }\n  };\n\n  const handleCancel = () => {\n    setIsOpen(false);\n  };\n\n  const renderRecentFilters = () => {\n    if (!recentFilters || recentFilters.length === 0) return null;\n    return (\n      <div className=\"flex flex-col\">\n        <div className=\"px-1 py-[6px] text-xs font-medium text-[#60697d] font-['Manrope']\">\n          Recent\n        </div>\n        <div className=\"mb-[6px] flex flex-col\">\n          {recentFilters.map((filterSet, index) => {\n            const label = filterSet.map((f) => f.label).join(\", \");\n            const isSelected = pendingSelection?.label === label;\n            return (\n              <button\n                key={index}\n                type=\"button\"\n                className={cn(\n                  \"flex cursor-pointer flex-row px-3 py-2 rounded-lg hover:bg-[#f5f6fa] w-full text-left bg-transparent border-none\",\n                  isSelected && \"bg-[#edf0ff]\",\n                )}\n                onClick={() => setPendingSelection({ label })}\n              >\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <span className=\"text-sm font-['Manrope'] truncate text-[#1f2b4d]\">\n                      {label}\n                    </span>\n                  </TooltipTrigger>\n                  <TooltipContent variant=\"tertiary\" side=\"right\">\n                    {label}\n                  </TooltipContent>\n                </Tooltip>\n              </button>\n            );\n          })}\n        </div>\n        <Separator className=\"mb-2\" />\n      </div>\n    );\n  };\n\n  const renderSavedFiltersList = () => {\n    // Show shimmer while loading\n    if (isLoadingFilterPreferencesList) {\n      return (\n        <div className=\"flex max-h-[160px] flex-col overflow-y-auto px-3 py-2 space-y-2\">\n          {[1, 2, 3, 4, 5].map((i) => (\n            <Skeleton key={i} className=\"h-9 w-full rounded-lg\" />\n          ))}\n        </div>\n      );\n    }\n\n    // Filter by Tab\n    let filters = savedFilters?.filter(\n      (f) => activeTab === \"All\" || f.type === activeTab,\n    );\n\n    // Client-side search optimization:\n    // If onSavedFilterSearch is NOT provided, we filter locally.\n    // Even if it IS provided, we might still want to filter locally\n    // if the parent provided a static list (though normally parent updates list).\n    // Let's assume if onSavedFilterSearch is NOT provided, we MUST filter.\n    if (!onSavedFilterSearch && debouncedQuery) {\n      filters = filters?.filter((f) =>\n        f.label.toLowerCase().includes(debouncedQuery.toLowerCase()),\n      );\n    }\n\n    if (!filters || filters.length === 0) {\n      let message = \"No saved filters found\";\n      const isSearching = !!debouncedQuery;\n\n      if (isSearching) {\n        switch (activeTab) {\n          case \"Personal\":\n            message = \"No personal filters match your search\";\n            break;\n          case \"Global\":\n            message = \"No global filters match your search\";\n            break;\n          default:\n            message = \"No saved filters match your search\";\n        }\n      } else {\n        switch (activeTab) {\n          case \"Personal\":\n            message = \"You haven't created any personal filters yet.\";\n            break;\n          case \"Global\":\n            message = \"No global filters are currently available.\";\n            break;\n          default:\n            message = \"No filters have been saved yet.\";\n        }\n      }\n\n      return (\n        <div className=\"flex flex-col items-center justify-center py-8 text-center min-h-[100px] px-6\">\n          <span className=\"text-sm text-[#60697d] font-['Manrope'] leading-relaxed\">\n            {message}\n          </span>\n        </div>\n      );\n    }\n\n    const hasActions = onEditSavedFilter || onDeleteSavedFilter || onSetDefaultSavedFilter;\n\n    // Separate default filter (pinned to top, outside scroll) from the rest\n    const defaultFilter = filters.find((f) => f.isDefault);\n    const restFilters = filters.filter((f) => !f.isDefault);\n\n    const renderFilterRow = (filter: SavedFilterItem, isDefaultRow = false) => {\n      const isSelected = pendingSelection?.label === filter.label;\n      const isUpdating = updatingDefaultId === filter.id;\n      \n      return (\n        <button\n          type=\"button\"\n          key={filter.id}\n          className={cn(\n            \"group mb-1 flex items-center justify-between cursor-pointer rounded-lg px-3 py-2 text-sm font-medium font-['Manrope'] w-full text-left bg-transparent border-none transition-all duration-300 relative overflow-hidden\",\n            !isUpdating && \"hover:bg-[#f5f6fa]\",\n            !isUpdating && isSelected && \"bg-[#edf0ff]\",\n            !isUpdating && !isSelected && \"text-[#1f2b4d]\",\n            isUpdating && \"pointer-events-none\"\n          )}\n          onClick={() => !isUpdating && setPendingSelection({ label: filter.label, savedItem: filter })}\n          disabled={isUpdating}\n        >\n          {isUpdating && (\n            <div \n              className=\"absolute inset-0 bg-gradient-to-r from-[#e6e8f0] via-[#d5dafb] to-[#e6e8f0] opacity-60\"\n              style={{\n                animation: 'shimmer 1.5s ease-in-out infinite',\n                backgroundSize: '200% 100%',\n              }}\n            />\n          )}\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span className=\"truncate flex-1 min-w-0\">{filter.label}</span>\n            </TooltipTrigger>\n            <TooltipContent variant=\"tertiary\" side=\"right\">{filter.label}</TooltipContent>\n          </Tooltip>\n\n          {/* Action Icons */}\n          {hasActions && (\n            <div className={cn(\n              \"flex items-center gap-1 ml-2 transition-opacity shrink-0\",\n              isDefaultRow\n                ? \"opacity-100\"\n                : \"opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto\"\n            )}>\n              {onDeleteSavedFilter && (\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <button\n                      type=\"button\"\n                      tabIndex={-1}\n                      aria-label={`${t('filterStrip.deleteFilter')} ${filter.label}`}\n                      className={cn(\n                        \"p-1 rounded transition-colors hover:bg-[#e6e8f0]\",\n                        isDefaultRow && \"opacity-0 group-hover:opacity-100\"\n                      )}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onDeleteSavedFilter(filter);\n                      }}\n                    >\n                      <Trash2 className=\"h-3.5 w-3.5 text-[#60697d]\" />\n                    </button>\n                  </TooltipTrigger>\n                  <TooltipContent variant=\"tertiary\" side=\"top\">{t('filterStrip.deleteFilter')}</TooltipContent>\n                </Tooltip>\n              )}\n              {onEditSavedFilter && (\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <button\n                      type=\"button\"\n                      tabIndex={-1}\n                      aria-label={`${t('filterStrip.editFilter')} ${filter.label}`}\n                      className={cn(\n                        \"p-1 rounded transition-colors hover:bg-[#e6e8f0]\",\n                        isDefaultRow && \"opacity-0 group-hover:opacity-100\"\n                      )}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onEditSavedFilter(filter);\n                      }}\n                    >\n                      <Pencil className=\"h-3.5 w-3.5 text-[#60697d]\" />\n                    </button>\n                  </TooltipTrigger>\n                  <TooltipContent variant=\"tertiary\" side=\"top\">{t('filterStrip.editFilter')}</TooltipContent>\n                </Tooltip>\n              )}\n              {/* Star: always visible for default row, hover-only for others */}\n              {onSetDefaultSavedFilter && (\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <button\n                      type=\"button\"\n                      tabIndex={isDefaultRow ? 0 : -1}\n                      aria-label={`${filter.isDefault ? t('filterStrip.defaultFilter') : t('filterStrip.setAsDefault')} ${filter.label}`}\n                      className=\"p-1 rounded hover:bg-[#e6e8f0] transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                      disabled={isUpdating}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        setUpdatingDefaultId(filter.id);\n                        onSetDefaultSavedFilter(filter);\n                        // Clear the updating state after a visible duration\n                        setTimeout(() => setUpdatingDefaultId(null), 1200);\n                      }}\n                    >\n                      {isUpdating ? (\n                        <div className=\"h-3.5 w-3.5 animate-spin rounded-full border-2 border-[#E1BC29] border-t-transparent\" />\n                      ) : (\n                        <Star\n                          className={cn(\n                            \"h-3.5 w-3.5 transition-all duration-300\",\n                            filter.isDefault ? \"text-[#E1BC29] fill-[#E1BC29]\" : \"text-[#60697d]\"\n                          )}\n                        />\n                      )}\n                    </button>\n                  </TooltipTrigger>\n                  <TooltipContent variant=\"tertiary\" side=\"top\">\n                    {isUpdating ? t('filterStrip.updating') : filter.isDefault ? t('filterStrip.defaultFilter') : t('filterStrip.setAsDefault')}\n                  </TooltipContent>\n                </Tooltip>\n              )}\n            </div>\n          )}\n        </button>\n      );\n    };\n\n    return (\n      <div className=\"flex flex-col\">\n        {/* Default filter pinned above scroll — not inside the scroll container */}\n        {defaultFilter && (\n          <div \n            key={`default-${defaultFilter.id}`}\n            className={cn(\n              \"transition-all duration-500 ease-out\",\n              previousDefaultId === defaultFilter.id && \"animate-in fade-in slide-in-from-bottom-2\"\n            )}\n          >\n            {renderFilterRow(defaultFilter, true)}\n            {restFilters.length > 0 && <Separator className=\"my-1\" />}\n          </div>\n        )}\n\n        {/* Remaining filters inside scrollable container */}\n        {restFilters.length > 0 && (\n          <div\n            className=\"flex max-h-[160px] flex-col overflow-y-auto\"\n            onScroll={onSavedFiltersScroll}\n          >\n            {restFilters.map((filter) => (\n              <div\n                key={filter.id}\n                className={cn(\n                  \"transition-all duration-300\",\n                  updatingDefaultId === filter.id && \"opacity-50\"\n                )}\n              >\n                {renderFilterRow(filter, false)}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const hasChanges = pendingSelection?.label !== selectedFilter;\n\n  return (\n    <Popover open={isOpen} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"flex cursor-pointer items-center gap-2 bg-transparent border-none p-0\"\n          aria-label={t(\"filterStrip.selectFilter\")}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n        >\n          <span className=\"text-sm font-medium text-[#60697d] font-['Manrope']\">\n            {t(\"filterStrip.filtersApplied\")}\n          </span>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Badge\n                color=\"primary\"\n                variant=\"outline\"\n                className=\"font-['Manrope'] max-w-[140px] inline-block\"\n              >\n                <span className=\"block truncate\">\n                  {selectedFilter || t('filterStrip.notSelected')}\n                </span>\n              </Badge>\n            </TooltipTrigger>\n            <TooltipContent variant=\"tertiary\" side=\"top\">\n              {selectedFilter || t(\"filterStrip.notSelected\")}\n            </TooltipContent>\n          </Tooltip>\n          <div\n            className={cn(\n              \"flex h-8 w-8 items-center justify-center rounded-lg bg-[#f5f6fa] transition-transform duration-200\",\n              isOpen && \"rotate-180\",\n            )}\n            aria-hidden=\"true\"\n          >\n            <ChevronDown className=\"h-4 w-4 text-[#1f2b4d]\" />\n          </div>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className=\"w-[280px] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)] overflow-visible\"\n        sideOffset={8}\n        onInteractOutside={(e) => {\n          // Prevent popover from closing when clicking on a dialog (e.g., delete confirmation)\n          const target = e.target as HTMLElement;\n          if (target.closest('[role=\"dialog\"]') || target.closest('[data-radix-dialog-content]')) {\n            e.preventDefault();\n          }\n        }}\n      >\n        <div className=\"flex w-full flex-col py-[8px] px-[6px]\">\n          {renderRecentFilters()}\n\n          <div className=\"flex flex-col\">\n            <div className=\"px-1 py-[6px] text-xs font-medium text-[#60697d] font-['Manrope']\">\n              {t(\"filterStrip.savedFilters\")}\n            </div>\n\n            <Tabs\n              value={activeTab}\n              onValueChange={(val) => setActiveTab(val as any)}\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"w-full px-1\"\n            >\n              <div className=\"py-[8px]\">\n                <TabsList>\n                  <TabsTrigger value=\"All\">All</TabsTrigger>\n                  <TabsTrigger value=\"Global\">Global</TabsTrigger>\n                  <TabsTrigger value=\"Personal\">Personal</TabsTrigger>\n                </TabsList>\n              </div>\n\n              <div className=\"pb-[8px]\">\n                <Input\n                  prefix={<Search className=\"h-4 w-4 text-gray-500\" />}\n                  placeholder={t(\"filterStrip.searchFiltersPlaceholder\")}\n                  value={searchQuery}\n                  onChange={handleSearchChange}\n                  className=\"h-9 px-1 border-none shadow-none focus-visible:ring-0\"\n                />\n              </div>\n\n              <div className=\"mt-0\">{renderSavedFiltersList()}</div>\n            </Tabs>\n          </div>\n\n          <Separator className=\"my-2\" />\n\n          <div className=\"flex justify-end gap-2 px-3 pb-1\">\n            <Button variant=\"secondary\" onClick={handleCancel}>\n              {t(\"prompt.cancel\")}\n            </Button>\n            <Button\n              variant=\"default\"\n              onClick={handleApply}\n              disabled={!hasChanges}\n            >\n              {t(\"filterStrip.applyFilter\")}\n            </Button>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nexport { FilterSummary };\n"],"names":["FilterSummary","selectedFilter","onSelectedFilterChange","savedFilters","recentFilters","onApplySavedFilter","onSavedFilterSearch","onSavedFiltersScroll","onDropdownOpenChange","isLoadingFilterPreferencesList","onEditSavedFilter","onDeleteSavedFilter","onSetDefaultSavedFilter","t","useImpactNovaI18n","isOpen","setIsOpen","React","updatingDefaultId","setUpdatingDefaultId","previousDefaultId","setPreviousDefaultId","currentDefault","f","handleOpenChange","open","searchQuery","setSearchQuery","debouncedQuery","setDebouncedQuery","activeTab","setActiveTab","pendingSelection","setPendingSelection","handler","handleSearchChange","e","handleApply","handleCancel","renderRecentFilters","jsxs","jsx","filterSet","index","label","isSelected","cn","Tooltip","TooltipTrigger","TooltipContent","Separator","renderSavedFiltersList","i","Skeleton","filters","message","hasActions","defaultFilter","restFilters","renderFilterRow","filter","isDefaultRow","isUpdating","Trash2","Pencil","Star","hasChanges","Popover","PopoverTrigger","Badge","ChevronDown","PopoverContent","target","Tabs","val","TabsList","TabsTrigger","Input","Search","Button"],"mappings":"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"}

package/dist/components/ui/filter-strip/filter-tag-list.d.ts

@@ -1,17 +1,24 @@
 import { FilterItem } from '../types/filter-strip.types';
+import * as React from "react";
 interface FilterTagListProps {
     filters: FilterItem[];
     onFilterRemove: (id: string, value?: string | number) => void;
     onOverflowClick?: (id: string) => void;
     onViewAll?: () => void;
 }
-declare const FilterPopoverContent: ({ remainingValues, viewAllTrigger, onViewAll, onItemRemove, isRemovable, isCopyable }: {
+interface ExternalCopyFunctionProps {
+    e: React.MouseEvent<HTMLButtonElement>;
+    val: string | number;
+    index: number;
+}
+declare const FilterPopoverContent: ({ remainingValues, viewAllTrigger, onViewAll, onItemRemove, isRemovable, isCopyable, externalCopyFunction }: {
     remainingValues: (string | number)[];
     viewAllTrigger?: "expand" | "custom";
     onViewAll?: () => void;
     onItemRemove: (val: string | number) => void;
     isRemovable?: boolean;
     isCopyable?: boolean;
+    externalCopyFunction?: (props: ExternalCopyFunctionProps) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const FilterTagList: ({ filters, onFilterRemove: _onFilterRemove, onOverflowClick, onViewAll, }: FilterTagListProps) => import("react/jsx-runtime").JSX.Element;
 export { FilterTagList, FilterPopoverContent };