iguazio.dashboard-react-controls 3.2.21 → 3.2.23

package/dist/nextGenComponents/components/DetailsPanel/DetailsPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsPanel.mjs","sources":["../../../../src/lib/nextGenComponents/components/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { ComponentType, ReactNode, useMemo } from 'react'\n\nimport Close from '../../../images/close.svg?react'\nimport EllipsisTooltip from '@/components/EllipsisTooltip/EllipsisTooltip'\nimport { Button } from '@/components/ui/button'\nimport { DETAILS_FALLBACK_TITLE } from '@/constants'\n\ntype DetailsPanelProps<TData extends object> = {\n  row: TData\n  content: ComponentType<TData>\n  titleAccessorKey?: keyof TData\n  titleAccessorFn?: (row: TData) => string | ReactNode\n  onClose: () => void\n}\n\nconst DetailsPanel = <TData extends object>({\n  row,\n  content: Content,\n  titleAccessorKey,\n  titleAccessorFn,\n  onClose\n}: DetailsPanelProps<TData>) => {\n  const title = useMemo((): string | ReactNode => {\n    if (titleAccessorFn) {\n      return titleAccessorFn(row)\n    }\n    if (titleAccessorKey && row[titleAccessorKey]) {\n      return String(row[titleAccessorKey])\n    }\n    return DETAILS_FALLBACK_TITLE\n  }, [row, titleAccessorFn, titleAccessorKey])\n\n  return (\n    <aside\n      data-testid=\"details-panel\"\n      className=\"absolute rounded-r-lg flex flex-col inset-y-0 right-0 w-[calc(100%-250px)] border border-[#e6e6e6] bg-white z-30\"\n      style={{ boxShadow: '-4px 0 6px -4px rgba(0,0,0,0.15)' }}\n    >\n      <div\n        className=\"flex items-center justify-between gap-3 px-6 pr-10 py-4\"\n        data-testid=\"details-panel-title\"\n      >\n        {typeof title === 'string' ? (\n          <EllipsisTooltip className=\"min-w-0 text-[24px] font-extrabold leading-tight text-[#3a3650]\">\n            {title}\n          </EllipsisTooltip>\n        ) : (\n          title\n        )}\n        <Button\n          variant=\"rounded\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"absolute top-3.5 right-3\"\n          aria-label=\"Close\"\n          tooltip=\"Close\"\n          data-testid=\"details-panel-close-button\"\n        >\n          <Close className=\"w-6 h-6\" />\n        </Button>\n      </div>\n\n      <div className=\"overflow-auto h-full px-6 py-4\" data-testid=\"details-panel-content\">\n        <Content {...row} />\n      </div>\n    </aside>\n  )\n}\n\nexport default DetailsPanel\n"],"names":["DetailsPanel","row","Content","titleAccessorKey","titleAccessorFn","onClose","title","useMemo","DETAILS_FALLBACK_TITLE","jsxs","jsx","EllipsisTooltip","Button","Close"],"mappings":";;;;;;AAeA,MAAMA,IAAe,CAAuB;AAAA,EAC1C,KAAAC;AAAA,EACA,SAASC;AAAA,EACT,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAQC,EAAQ,MAChBH,IACKA,EAAgBH,CAAG,IAExBE,KAAoBF,EAAIE,CAAgB,IACnC,OAAOF,EAAIE,CAAgB,CAAC,IAE9BK,GACN,CAACP,GAAKG,GAAiBD,CAAgB,CAAC;AAE3C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,mCAAA;AAAA,MAEpB,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEX,UAAA;AAAA,cAAA,OAAOH,KAAU,WAChB,gBAAAI,EAACC,KAAgB,WAAU,mEACxB,aACH,IAEAL;AAAA,cAEF,gBAAAI;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAASP;AAAA,kBACT,WAAU;AAAA,kBACV,cAAW;AAAA,kBACX,SAAQ;AAAA,kBACR,eAAY;AAAA,kBAEZ,UAAA,gBAAAK,EAACG,GAAA,EAAM,WAAU,UAAA,CAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC7B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAH,EAAC,OAAA,EAAI,WAAU,kCAAiC,eAAY,yBAC1D,UAAA,gBAAAA,EAACR,GAAA,EAAS,GAAGD,EAAA,CAAK,EAAA,CACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/nextGenComponents/components/DetailsPanel/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DetailsPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/DetailsPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/DetailsPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/nextGenComponents/components/DetailsPanel/index.mjs

@@ -0,0 +1,5 @@
+import { default as o } from "./DetailsPanel.mjs";
+export {
+  o as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/DetailsPanel/index.mjs.map

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

package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type EllipsisTooltipProps = {
+    children: ReactNode;
+    className?: string;
+};
+declare const EllipsisTooltip: ({ children, className }: EllipsisTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default EllipsisTooltip;
+//# sourceMappingURL=EllipsisTooltip.d.ts.map

package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTooltip.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AAK9D,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,yBAAyB,oBAAoB,4CA0BrE,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.mjs

@@ -0,0 +1,20 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useRef as f, useState as a, useEffect as d } from "react";
+import { Tooltip as u, TooltipTrigger as m, TooltipContent as p } from "../ui/tooltip.mjs";
+import { cn as x } from "../../lib/utils.mjs";
+const N = ({ children: e, className: i }) => {
+  const s = f(null), [l, n] = a(!1);
+  d(() => {
+    const o = s.current;
+    o && n(o.scrollWidth > o.clientWidth);
+  }, [e]);
+  const r = /* @__PURE__ */ t("div", { ref: s, className: x("truncate overflow-hidden text-ellipsis w-full", i), children: e });
+  return l ? /* @__PURE__ */ c(u, { children: [
+    /* @__PURE__ */ t(m, { asChild: !0, children: r }),
+    /* @__PURE__ */ t(p, { className: "break-words *:text-white [&_*]:text-white", children: /* @__PURE__ */ t("div", { className: "select-text", children: e }) })
+  ] }) : r;
+};
+export {
+  N as default
+};
+//# sourceMappingURL=EllipsisTooltip.mjs.map

package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTooltip.mjs","sources":["../../../../src/lib/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react'\n\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'\nimport { cn } from '@/lib/utils'\n\ntype EllipsisTooltipProps = {\n  children: ReactNode\n  className?: string\n}\n\nconst EllipsisTooltip = ({ children, className }: EllipsisTooltipProps) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const [isOverflowed, setIsOverflowed] = useState(false)\n\n  useEffect(() => {\n    const text = ref.current\n    if (!text) return\n    setIsOverflowed(text.scrollWidth > text.clientWidth)\n  }, [children])\n\n  const content = (\n    <div ref={ref} className={cn('truncate overflow-hidden text-ellipsis w-full', className)}>\n      {children}\n    </div>\n  )\n\n  if (!isOverflowed) return content\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{content}</TooltipTrigger>\n      <TooltipContent className=\"break-words *:text-white [&_*]:text-white\">\n        <div className=\"select-text\">{children}</div>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\nexport default EllipsisTooltip\n"],"names":["EllipsisTooltip","children","className","ref","useRef","isOverflowed","setIsOverflowed","useState","useEffect","text","content","cn","Tooltip","jsx","TooltipTrigger","TooltipContent"],"mappings":";;;;AAUA,MAAMA,IAAkB,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAsC;AACzE,QAAMC,IAAMC,EAAuB,IAAI,GACjC,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK;AAEtD,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAON,EAAI;AACjB,IAAKM,KACLH,EAAgBG,EAAK,cAAcA,EAAK,WAAW;AAAA,EACrD,GAAG,CAACR,CAAQ,CAAC;AAEb,QAAMS,sBACH,OAAA,EAAI,KAAAP,GAAU,WAAWQ,EAAG,iDAAiDT,CAAS,GACpF,UAAAD,EAAA,CACH;AAGF,SAAKI,sBAGFO,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAe,SAAO,IAAE,UAAAJ,GAAQ;AAAA,IACjC,gBAAAG,EAACE,KAAe,WAAU,6CACxB,4BAAC,OAAA,EAAI,WAAU,eAAe,UAAAd,EAAA,CAAS,EAAA,CACzC;AAAA,EAAA,GACF,IARwBS;AAU5B;"}

package/dist/nextGenComponents/components/EllipsisTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './EllipsisTooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/EllipsisTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/EllipsisTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/nextGenComponents/components/EllipsisTooltip/index.mjs

@@ -0,0 +1,5 @@
+import { default as o } from "./EllipsisTooltip.mjs";
+export {
+  o as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/EllipsisTooltip/index.mjs.map

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

package/dist/nextGenComponents/components/FilterPopover/FilterPopover.d.ts

@@ -0,0 +1,11 @@
+import type { FilterSchema, FilterValues } from '@/types/table/filter';
+type Props<K extends string> = {
+    schema: FilterSchema<K>;
+    title?: string;
+    scopeId?: string;
+    onApply?: (vals?: FilterValues<K>) => void;
+    onClear?: () => void;
+};
+declare const FilterPopover: <K extends string>({ schema, title, scopeId, onApply, onClear }: Readonly<Props<K>>) => import("react/jsx-runtime").JSX.Element;
+export default FilterPopover;
+//# sourceMappingURL=FilterPopover.d.ts.map

package/dist/nextGenComponents/components/FilterPopover/FilterPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPopover.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/FilterPopover/FilterPopover.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAkB,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAItF,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI;IAC7B,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,EAAE,8CAMtC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,4CAwJpB,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/nextGenComponents/components/FilterPopover/FilterPopover.mjs

@@ -0,0 +1,160 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useMemo as T } from "react";
+import C from "../../../images/activeFilter.svg.mjs";
+import P from "../../../images/filter-2.svg.mjs";
+import { Button as p } from "../ui/button.mjs";
+import { Input as S } from "../ui/input.mjs";
+import { Popover as w, PopoverTrigger as y, PopoverContent as E } from "../ui/popover.mjs";
+import { ScrollArea as O } from "../ui/scroll-area.mjs";
+import { Select as L, SelectTrigger as _, SelectValue as D, SelectContent as R, SelectItem as $ } from "../ui/select.mjs";
+import { FILTER_POPOVER_DEFAULT_TITLE as j, FILTER_BUTTON_CLEAR as A, FILTER_BUTTON_APPLY as U } from "../../constants/index.mjs";
+import { useTableStore as x, selectFilterPopover as V, DEFAULT_FILTER_SCOPE as z } from "../../stores/tableStore.mjs";
+import { hasActiveFilters as B, buildInitialFromSchema as M, objectValues as F } from "../../utils/tableFilters.utils.mjs";
+import "../MultiSelectField/index.mjs";
+import Y from "../MultiSelectField/MultiSelectField.mjs";
+const oe = ({
+  schema: s,
+  title: h = j,
+  scopeId: r = z,
+  onApply: i,
+  onClear: n
+}) => {
+  const { setFilterPopoverOpen: c, setFilterDraft: d, resetFilterDraft: v } = x(), { open: f, draft: u } = x(
+    V(r)
+  ), b = T(() => B(s), [s]), g = (e) => {
+    if (e) {
+      const o = M(s);
+      v(r, o);
+    }
+    c(r, e);
+  }, N = () => {
+    v(r, {}), n == null || n(), c(r, !1);
+  }, k = () => {
+    i == null || i(u), c(r, !1);
+  };
+  return /* @__PURE__ */ l(w, { open: f, onOpenChange: g, children: [
+    /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(
+      p,
+      {
+        variant: "rounded",
+        size: "icon",
+        "aria-label": h,
+        "data-testid": "filter-popover-button",
+        children: b ? /* @__PURE__ */ t(C, { className: "h-4 w-4" }) : /* @__PURE__ */ t(P, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ l(
+      E,
+      {
+        side: "bottom",
+        align: "end",
+        sideOffset: 6,
+        avoidCollisions: !0,
+        collisionPadding: 8,
+        className: "flex flex-col w-[300px] max-h-[400px] rounded-md border bg-background p-0 shadow-md z-40",
+        children: [
+          /* @__PURE__ */ t("div", { className: "p-4", children: /* @__PURE__ */ t("h3", { className: "font-medium m-0 text-xl", "data-testid": "filter-popover-title", children: h }) }),
+          /* @__PURE__ */ t(O, { className: "px-4 overflow-y-auto", children: /* @__PURE__ */ t("div", { className: "space-y-4 pb-2", children: F(s).map((e) => {
+            const o = u[e.key];
+            return /* @__PURE__ */ l(
+              "div",
+              {
+                className: "min-w-0",
+                "data-testid": `filter-popover-field-${e.key}`,
+                children: [
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: "mb-1 text-[#7F7989] text-xs font-normal leading-none",
+                      "data-testid": `filter-popover-field-label-${e.key}`,
+                      children: e.label
+                    }
+                  ),
+                  e.kind === "text" && /* @__PURE__ */ t(
+                    S,
+                    {
+                      placeholder: e.placeholder,
+                      value: o ?? "",
+                      disabled: e.disabled,
+                      className: "h-10 w-full px-4 text-[15px] font-normal placeholder-[#C4C2C8]",
+                      onChange: (a) => d(r, (m) => ({
+                        ...m,
+                        [e.key]: a.target.value
+                      })),
+                      "data-testid": `filter-popover-input-${e.label}`
+                    }
+                  ),
+                  e.kind === "select" && /* @__PURE__ */ l(
+                    L,
+                    {
+                      value: o ?? "",
+                      onValueChange: (a) => d(r, (m) => ({
+                        ...m,
+                        [e.key]: a
+                      })),
+                      disabled: e.disabled,
+                      children: [
+                        /* @__PURE__ */ t(
+                          _,
+                          {
+                            className: "h-10 w-full min-w-0 px-4 data-[placeholder]:text-[#C4C2C8] rounded-md border border-black/20 text-[15px]",
+                            "data-testid": `filter-popover-select-${e.key}`,
+                            children: /* @__PURE__ */ t(D, { placeholder: e.placeholder })
+                          }
+                        ),
+                        /* @__PURE__ */ t(R, { className: "text-sm", children: (e.options ?? []).map((a) => /* @__PURE__ */ t(
+                          $,
+                          {
+                            value: a.value,
+                            className: "text-sm data-[highlighted]:bg-igz-accent-hover",
+                            "data-testid": `filter-popover-select-option-${e.key}-${a.value}`,
+                            children: a.label
+                          },
+                          a.value
+                        )) })
+                      ]
+                    }
+                  ),
+                  e.kind === "multi-select" && /* @__PURE__ */ t(
+                    Y,
+                    {
+                      filterField: e,
+                      value: o,
+                      setFilterDraft: (a) => d(r, a)
+                    }
+                  )
+                ]
+              },
+              e.key
+            );
+          }) }) }),
+          /* @__PURE__ */ l("div", { className: "flex items-center justify-end gap-2 p-3", children: [
+            /* @__PURE__ */ t(
+              p,
+              {
+                variant: "secondary",
+                className: "h-9 w-[100px] px-3 text-[14px]",
+                onClick: N,
+                "data-testid": "filter-popover-clear-button",
+                children: A
+              }
+            ),
+            /* @__PURE__ */ t(
+              p,
+              {
+                className: "h-9 w-[100px] px-3 text-[14px]",
+                onClick: k,
+                "data-testid": "filter-popover-apply-button",
+                children: U
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  oe as default
+};
+//# sourceMappingURL=FilterPopover.mjs.map

package/dist/nextGenComponents/components/FilterPopover/FilterPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPopover.mjs","sources":["../../../../src/lib/nextGenComponents/components/FilterPopover/FilterPopover.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport ActiveFilter from '../../../images/activeFilter.svg?react'\nimport Filter from '../../../images/filter-2.svg?react'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover'\nimport { ScrollArea } from '@/components/ui/scroll-area'\nimport {\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem\n} from '@/components/ui/select'\nimport { FILTER_POPOVER_DEFAULT_TITLE, FILTER_BUTTON_CLEAR, FILTER_BUTTON_APPLY } from '@/constants'\nimport { useTableStore, selectFilterPopover, DEFAULT_FILTER_SCOPE } from '@/stores/tableStore'\nimport type { FilterFieldDef, FilterSchema, FilterValues } from '@/types/table/filter'\nimport { buildInitialFromSchema, hasActiveFilters, objectValues } from '@/utils/tableFilters.utils'\nimport MultiSelectField from '@/components/MultiSelectField'\n\ntype Props<K extends string> = {\n  schema: FilterSchema<K>\n  title?: string\n  scopeId?: string\n  onApply?: (vals?: FilterValues<K>) => void\n  onClear?: () => void\n}\n\nconst FilterPopover = <K extends string>({\n  schema,\n  title = FILTER_POPOVER_DEFAULT_TITLE,\n  scopeId = DEFAULT_FILTER_SCOPE,\n  onApply,\n  onClear\n}: Readonly<Props<K>>) => {\n  const { setFilterPopoverOpen, setFilterDraft, resetFilterDraft } = useTableStore()\n  const { open: filterPopoverOpen, draft: filterDraft } = useTableStore(\n    selectFilterPopover(scopeId)\n  )\n  const isFilterActive = useMemo(() => hasActiveFilters(schema), [schema])\n\n  const handleOpenChange = (next: boolean) => {\n    if (next) {\n      const initial = buildInitialFromSchema(schema)\n      resetFilterDraft(scopeId, initial)\n    }\n    setFilterPopoverOpen(scopeId, next)\n  }\n\n  const reset = () => {\n    resetFilterDraft(scopeId, {})\n    onClear?.()\n    setFilterPopoverOpen(scopeId, false)\n  }\n\n  const apply = () => {\n    onApply?.(filterDraft as FilterValues<K>)\n    setFilterPopoverOpen(scopeId, false)\n  }\n\n  return (\n    <Popover open={filterPopoverOpen} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"rounded\"\n          size=\"icon\"\n          aria-label={title}\n          data-testid=\"filter-popover-button\"\n        >\n          {isFilterActive ? <ActiveFilter className=\"h-4 w-4\" /> : <Filter className=\"h-4 w-4\" />}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent\n        side=\"bottom\"\n        align=\"end\"\n        sideOffset={6}\n        avoidCollisions={true}\n        collisionPadding={8}\n        className=\"flex flex-col w-[300px] max-h-[400px] rounded-md border bg-background p-0 shadow-md z-40\"\n      >\n        <div className=\"p-4\">\n          <h3 className=\"font-medium m-0 text-xl\" data-testid=\"filter-popover-title\">\n            {title}\n          </h3>\n        </div>\n\n        <ScrollArea className=\"px-4 overflow-y-auto\">\n          <div className=\"space-y-4 pb-2\">\n            {objectValues(schema as Record<string, FilterFieldDef<K>>).map(filterField => {\n              const value = filterDraft[filterField.key]\n\n              return (\n                <div\n                  key={filterField.key}\n                  className=\"min-w-0\"\n                  data-testid={`filter-popover-field-${filterField.key}`}\n                >\n                  <div\n                    className=\"mb-1 text-[#7F7989] text-xs font-normal leading-none\"\n                    data-testid={`filter-popover-field-label-${filterField.key}`}\n                  >\n                    {filterField.label}\n                  </div>\n\n                  {filterField.kind === 'text' && (\n                    <Input\n                      placeholder={filterField.placeholder}\n                      value={(value as string | undefined) ?? ''}\n                      disabled={filterField.disabled}\n                      className=\"h-10 w-full px-4 text-[15px] font-normal placeholder-[#C4C2C8]\"\n                      onChange={e =>\n                        setFilterDraft(scopeId, prev => ({\n                          ...prev,\n                          [filterField.key]: e.target.value\n                        }))\n                      }\n                      data-testid={`filter-popover-input-${filterField.label}`}\n                    />\n                  )}\n\n                  {filterField.kind === 'select' && (\n                    <Select\n                      value={(value as string | undefined) ?? ''}\n                      onValueChange={value =>\n                        setFilterDraft(scopeId, prev => ({\n                          ...prev,\n                          [filterField.key]: value\n                        }))\n                      }\n                      disabled={filterField.disabled}\n                    >\n                      <SelectTrigger\n                        className=\"h-10 w-full min-w-0 px-4 data-[placeholder]:text-[#C4C2C8] rounded-md border border-black/20 text-[15px]\"\n                        data-testid={`filter-popover-select-${filterField.key}`}\n                      >\n                        <SelectValue placeholder={filterField.placeholder} />\n                      </SelectTrigger>\n                      <SelectContent className=\"text-sm\">\n                        {(filterField.options ?? []).map(option => (\n                          <SelectItem\n                            key={option.value}\n                            value={option.value}\n                            className=\"text-sm data-[highlighted]:bg-igz-accent-hover\"\n                            data-testid={`filter-popover-select-option-${filterField.key}-${option.value}`}\n                          >\n                            {option.label}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n\n                  {filterField.kind === 'multi-select' && (\n                    <MultiSelectField\n                      filterField={filterField}\n                      value={value}\n                      setFilterDraft={draft => setFilterDraft(scopeId, draft)}\n                    />\n                  )}\n                </div>\n              )\n            })}\n          </div>\n        </ScrollArea>\n\n        <div className=\"flex items-center justify-end gap-2 p-3\">\n          <Button\n            variant=\"secondary\"\n            className=\"h-9 w-[100px] px-3 text-[14px]\"\n            onClick={reset}\n            data-testid=\"filter-popover-clear-button\"\n          >\n            {FILTER_BUTTON_CLEAR}\n          </Button>\n          <Button\n            className=\"h-9 w-[100px] px-3 text-[14px]\"\n            onClick={apply}\n            data-testid=\"filter-popover-apply-button\"\n          >\n            {FILTER_BUTTON_APPLY}\n          </Button>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport default FilterPopover\n"],"names":["FilterPopover","schema","title","FILTER_POPOVER_DEFAULT_TITLE","scopeId","DEFAULT_FILTER_SCOPE","onApply","onClear","setFilterPopoverOpen","setFilterDraft","resetFilterDraft","useTableStore","filterPopoverOpen","filterDraft","selectFilterPopover","isFilterActive","useMemo","hasActiveFilters","handleOpenChange","next","initial","buildInitialFromSchema","reset","apply","jsxs","Popover","jsx","PopoverTrigger","Button","ActiveFilter","Filter","PopoverContent","ScrollArea","objectValues","filterField","value","Input","e","prev","Select","SelectTrigger","SelectValue","SelectContent","option","SelectItem","MultiSelectField","draft","FILTER_BUTTON_CLEAR","FILTER_BUTTON_APPLY"],"mappings":"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"}

package/dist/nextGenComponents/components/FilterPopover/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FilterPopover';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/FilterPopover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/FilterPopover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/nextGenComponents/components/FilterPopover/index.mjs

@@ -0,0 +1,5 @@
+import { default as o } from "./FilterPopover.mjs";
+export {
+  o as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/FilterPopover/index.mjs.map

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

package/dist/nextGenComponents/components/Loader/Loader.d.ts

@@ -0,0 +1,16 @@
+export type LoaderProps = {
+    /** Controls overall placement and sizing strategy.
+     * - `fullscreen` — fixed full-viewport overlay (z-50)
+     * - `section`    — absolute overlay that covers the nearest `relative` ancestor (z-10)
+     * - `inline`     — a small border-based spinner with no wrapper; position via `className`
+     */
+    mode?: 'fullscreen' | 'section' | 'inline';
+    variant?: 'primary' | 'secondary';
+    size?: 'sm' | 'md' | 'lg';
+    /** Adds a semi-transparent dark background. Only applies to `fullscreen` mode. */
+    overlay?: boolean;
+    className?: string;
+};
+declare const Loader: ({ mode, variant, size, overlay, className }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Loader;
+//# sourceMappingURL=Loader.d.ts.map

package/dist/nextGenComponents/components/Loader/Loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/Loader/Loader.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAcD,QAAA,MAAM,MAAM,GAAI,6CAMb,WAAW,4CA2Cb,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/nextGenComponents/components/Loader/Loader.mjs

@@ -0,0 +1,62 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Loader2 as s } from "lucide-react";
+import { cn as r } from "../../lib/utils.mjs";
+const l = {
+  sm: 20,
+  md: 40,
+  lg: 64
+}, m = {
+  sm: "w-3.5 h-3.5",
+  md: "w-5 h-5",
+  lg: "w-7 h-7"
+}, p = ({
+  mode: t = "section",
+  variant: a = "primary",
+  size: o = "md",
+  overlay: n = !0,
+  className: d
+}) => {
+  if (t === "inline")
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        "data-testid": "loader",
+        "aria-label": "Loading",
+        role: "status",
+        className: r(
+          "rounded-full border-2 animate-spin",
+          m[o],
+          a === "secondary" ? "border-muted-foreground/20 border-t-muted-foreground/70" : "border-primary/20 border-t-primary/70",
+          d
+        )
+      }
+    );
+  const i = t === "fullscreen";
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-testid": "loader",
+      role: "status",
+      className: r(
+        "flex items-center justify-center",
+        i ? "fixed inset-0 z-50" : "absolute inset-0 z-10",
+        i && n && "bg-black/20",
+        d
+      ),
+      children: /* @__PURE__ */ e("output", { "aria-label": "Loading", children: /* @__PURE__ */ e(
+        s,
+        {
+          className: r(
+            "animate-spin",
+            a === "secondary" ? "text-muted-foreground" : "text-[#6279e7]"
+          ),
+          size: l[o]
+        }
+      ) })
+    }
+  );
+};
+export {
+  p as default
+};
+//# sourceMappingURL=Loader.mjs.map

package/dist/nextGenComponents/components/Loader/Loader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.mjs","sources":["../../../../src/lib/nextGenComponents/components/Loader/Loader.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nexport type LoaderProps = {\n  /** Controls overall placement and sizing strategy.\n   * - `fullscreen` — fixed full-viewport overlay (z-50)\n   * - `section`    — absolute overlay that covers the nearest `relative` ancestor (z-10)\n   * - `inline`     — a small border-based spinner with no wrapper; position via `className`\n   */\n  mode?: 'fullscreen' | 'section' | 'inline'\n  variant?: 'primary' | 'secondary'\n  size?: 'sm' | 'md' | 'lg'\n  /** Adds a semi-transparent dark background. Only applies to `fullscreen` mode. */\n  overlay?: boolean\n  className?: string\n}\n\nconst arcSizeMap: Record<NonNullable<LoaderProps['size']>, number> = {\n  sm: 20,\n  md: 40,\n  lg: 64\n}\n\nconst inlineSizeMap: Record<NonNullable<LoaderProps['size']>, string> = {\n  sm: 'w-3.5 h-3.5',\n  md: 'w-5 h-5',\n  lg: 'w-7 h-7'\n}\n\nconst Loader = ({\n  mode = 'section',\n  variant = 'primary',\n  size = 'md',\n  overlay = true,\n  className\n}: LoaderProps) => {\n  if (mode === 'inline') {\n    return (\n      <div\n        data-testid=\"loader\"\n        aria-label=\"Loading\"\n        role=\"status\"\n        className={cn(\n          'rounded-full border-2 animate-spin',\n          inlineSizeMap[size],\n          variant === 'secondary'\n            ? 'border-muted-foreground/20 border-t-muted-foreground/70'\n            : 'border-primary/20 border-t-primary/70',\n          className\n        )}\n      />\n    )\n  }\n\n  const isFullscreen = mode === 'fullscreen'\n\n  return (\n    <div\n      data-testid=\"loader\"\n      role=\"status\"\n      className={cn(\n        'flex items-center justify-center',\n        isFullscreen ? 'fixed inset-0 z-50' : 'absolute inset-0 z-10',\n        isFullscreen && overlay && 'bg-black/20',\n        className\n      )}\n    >\n      <output aria-label=\"Loading\">\n        <Loader2\n          className={cn(\n            'animate-spin',\n            variant === 'secondary' ? 'text-muted-foreground' : 'text-[#6279e7]'\n          )}\n          size={arcSizeMap[size]}\n        />\n      </output>\n    </div>\n  )\n}\n\nexport default Loader\n"],"names":["arcSizeMap","inlineSizeMap","Loader","mode","variant","size","overlay","className","jsx","cn","isFullscreen","Loader2"],"mappings":";;;AAkBA,MAAMA,IAA+D;AAAA,EACnE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAkE;AAAA,EACtE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAS,CAAC;AAAA,EACd,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,MAAmB;AACjB,MAAIJ,MAAS;AACX,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,cAAW;AAAA,QACX,MAAK;AAAA,QACL,WAAWC;AAAA,UACT;AAAA,UACAR,EAAcI,CAAI;AAAA,UAClBD,MAAY,cACR,4DACA;AAAA,UACJG;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAKN,QAAMG,IAAeP,MAAS;AAE9B,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,WAAWC;AAAA,QACT;AAAA,QACAC,IAAe,uBAAuB;AAAA,QACtCA,KAAgBJ,KAAW;AAAA,QAC3BC;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAC,EAAC,UAAA,EAAO,cAAW,WACjB,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,WAAWF;AAAA,YACT;AAAA,YACAL,MAAY,cAAc,0BAA0B;AAAA,UAAA;AAAA,UAEtD,MAAMJ,EAAWK,CAAI;AAAA,QAAA;AAAA,MAAA,EACvB,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/nextGenComponents/components/Loader/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Loader } from './Loader';
+export type { LoaderProps } from './Loader';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/Loader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/nextGenComponents/components/Loader/index.mjs

@@ -0,0 +1,5 @@
+import { default as o } from "./Loader.mjs";
+export {
+  o as Loader
+};
+//# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/Loader/index.mjs.map

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

package/dist/nextGenComponents/components/MultiSelectField/MultiSelectField.d.ts

@@ -0,0 +1,15 @@
+import type { DraftValues } from '@/stores/tableStore';
+import type { FilterFieldDef } from '@/types/table/filter';
+/**
+ * Downward-pointing triangle that matches the icon used by TimeFilterDropdown
+ * (mirrors select.svg from assets).
+ */
+export declare const SelectArrow: () => import("react/jsx-runtime").JSX.Element;
+export type MultiSelectFieldProps = {
+    filterField: FilterFieldDef;
+    value: DraftValues[string];
+    setFilterDraft: (draft: DraftValues | ((prev: DraftValues) => DraftValues)) => void;
+};
+declare const MultiSelectField: ({ filterField, value, setFilterDraft }: MultiSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiSelectField;
+//# sourceMappingURL=MultiSelectField.d.ts.map

package/dist/nextGenComponents/components/MultiSelectField/MultiSelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/MultiSelectField/MultiSelectField.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAQ1D;;;GAGG;AACH,eAAO,MAAM,WAAW,+CAcvB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,cAAc,CAAA;IAC3B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,CAAC,CAAC,IAAI,EAAE,WAAW,KAAK,WAAW,CAAC,KAAK,IAAI,CAAA;CACpF,CAAA;AACD,QAAA,MAAM,gBAAgB,GAAI,wCAAwC,qBAAqB,4CA6GtF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/nextGenComponents/components/MultiSelectField/MultiSelectField.mjs

@@ -0,0 +1,113 @@
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { Checkbox as k } from "../ui/checkbox.mjs";
+import { DropdownMenu as C, DropdownMenuTrigger as f, DropdownMenuContent as L, DropdownMenuItem as S } from "../ui/dropdown-menu.mjs";
+const z = 2, A = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "13",
+    height: "6",
+    viewBox: "0 0 13 6",
+    fill: "none",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n(
+      "path",
+      {
+        d: "M6.0625 6L0.000322908 -1.05734e-06L12.1247 -7.59139e-08L6.0625 6Z",
+        fill: "var(--igz-secondary, #7F7989)"
+      }
+    )
+  }
+), I = ({ filterField: t, value: g, setFilterDraft: v }) => {
+  const [y, w] = b(!1), r = Array.isArray(g) ? g : [], h = t.options ?? [], d = h.filter((e) => r.includes(e.value)).map((e) => e.label), x = r.length === 0 ? t.placeholder ?? "Select..." : d.length <= z ? d.join(", ") : `${d.length} items selected`, u = (e) => {
+    v((o) => {
+      const a = Array.isArray(o[t.key]) ? o[t.key] : [], s = a.includes(e) ? a.filter((c) => c !== e) : [...a, e], l = t.resolveValue ? t.resolveValue(s, a) : s;
+      return { ...o, [t.key]: l };
+    });
+  };
+  return /* @__PURE__ */ i(C, { open: y, onOpenChange: w, children: [
+    /* @__PURE__ */ i(
+      f,
+      {
+        style: {
+          height: 40,
+          width: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 8,
+          paddingLeft: 12,
+          paddingRight: 12,
+          borderRadius: 6,
+          border: "1px solid var(--igz-gray, #C4C2C8)",
+          background: "white",
+          fontSize: 15,
+          color: r.length === 0 ? "var(--igz-gray, #C4C2C8)" : "var(--igz-primary, #4B4760)",
+          cursor: "pointer",
+          outline: "none"
+        },
+        "data-testid": `filter-popover-multiselect-${t.key}`,
+        children: [
+          /* @__PURE__ */ n("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: x }),
+          /* @__PURE__ */ n(A, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ n(
+      L,
+      {
+        align: "start",
+        sideOffset: 4,
+        style: {
+          width: "var(--radix-dropdown-menu-trigger-width)",
+          color: "var(--igz-primary, #4B4760)"
+        },
+        "data-testid": `filter-popover-multiselect-content-${t.key}`,
+        children: h.map((e) => {
+          var l, c, m;
+          const o = r.includes(e.value), a = (l = e.meta) == null ? void 0 : l.color, s = !!((c = e.meta) != null && c.disabled) || !!((m = t.computeDisabled) != null && m.call(t, e.value, r));
+          return /* @__PURE__ */ i(
+            S,
+            {
+              disabled: s,
+              className: "flex items-center gap-3 text-[15px] h-[42px] px-4 data-[highlighted]:bg-igz-accent-hover cursor-pointer data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
+              onSelect: (p) => {
+                p.preventDefault(), s || u(e.value);
+              },
+              "data-testid": `filter-popover-multiselect-${t.key}-${e.value}`,
+              children: [
+                /* @__PURE__ */ n(
+                  k,
+                  {
+                    checked: o,
+                    disabled: s,
+                    className: "shrink-0",
+                    onClick: (p) => p.stopPropagation(),
+                    onCheckedChange: () => !s && u(e.value)
+                  }
+                ),
+                /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ n("span", { children: e.label }),
+                  a && /* @__PURE__ */ n(
+                    "span",
+                    {
+                      className: "w-2 h-2 rounded-full shrink-0",
+                      style: { backgroundColor: a }
+                    }
+                  )
+                ] })
+              ]
+            },
+            e.value || "empty"
+          );
+        })
+      }
+    )
+  ] });
+};
+export {
+  A as SelectArrow,
+  I as default
+};
+//# sourceMappingURL=MultiSelectField.mjs.map

package/dist/nextGenComponents/components/MultiSelectField/MultiSelectField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectField.mjs","sources":["../../../../src/lib/nextGenComponents/components/MultiSelectField/MultiSelectField.tsx"],"sourcesContent":["import { useState } from 'react'\n\nimport { Checkbox } from '@/components/ui/checkbox'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger\n} from '@/components/ui/dropdown-menu'\nimport type { DraftValues } from '@/stores/tableStore'\nimport type { FilterFieldDef } from '@/types/table/filter'\n\n// ── Constants ─────────────────────────────────────────────────────────────────\n\nconst MAX_INLINE_LABELS = 2\n\n// ── SelectArrow ───────────────────────────────────────────────────────────────\n\n/**\n * Downward-pointing triangle that matches the icon used by TimeFilterDropdown\n * (mirrors select.svg from assets).\n */\nexport const SelectArrow = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"13\"\n    height=\"6\"\n    viewBox=\"0 0 13 6\"\n    fill=\"none\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M6.0625 6L0.000322908 -1.05734e-06L12.1247 -7.59139e-08L6.0625 6Z\"\n      fill=\"var(--igz-secondary, #7F7989)\"\n    />\n  </svg>\n)\n\nexport type MultiSelectFieldProps = {\n  filterField: FilterFieldDef\n  value: DraftValues[string]\n  setFilterDraft: (draft: DraftValues | ((prev: DraftValues) => DraftValues)) => void\n}\nconst MultiSelectField = ({ filterField, value, setFilterDraft }: MultiSelectFieldProps) => {\n  const [isOpen, setIsOpen] = useState(false)\n\n  const currentValues: string[] = Array.isArray(value) ? value : []\n  const options = filterField.options ?? []\n\n  const selectedLabels = options.filter(o => currentValues.includes(o.value)).map(o => o.label)\n\n  const triggerText =\n    currentValues.length === 0\n      ? (filterField.placeholder ?? 'Select...')\n      : selectedLabels.length <= MAX_INLINE_LABELS\n        ? selectedLabels.join(', ')\n        : `${selectedLabels.length} items selected`\n\n  const handleToggle = (optValue: string) => {\n    setFilterDraft(prev => {\n      const prevValues = Array.isArray(prev[filterField.key])\n        ? (prev[filterField.key] as string[])\n        : []\n      const toggled = prevValues.includes(optValue)\n        ? prevValues.filter(v => v !== optValue)\n        : [...prevValues, optValue]\n      const next = filterField.resolveValue\n        ? filterField.resolveValue(toggled, prevValues)\n        : toggled\n      return { ...prev, [filterField.key]: next }\n    })\n  }\n\n  return (\n    <DropdownMenu open={isOpen} onOpenChange={setIsOpen}>\n      <DropdownMenuTrigger\n        style={{\n          height: 40,\n          width: '100%',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          gap: 8,\n          paddingLeft: 12,\n          paddingRight: 12,\n          borderRadius: 6,\n          border: '1px solid var(--igz-gray, #C4C2C8)',\n          background: 'white',\n          fontSize: 15,\n          color:\n            currentValues.length === 0 ? 'var(--igz-gray, #C4C2C8)' : 'var(--igz-primary, #4B4760)',\n          cursor: 'pointer',\n          outline: 'none'\n        }}\n        data-testid={`filter-popover-multiselect-${filterField.key}`}\n      >\n        <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n          {triggerText}\n        </span>\n        <SelectArrow />\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent\n        align=\"start\"\n        sideOffset={4}\n        style={{\n          width: 'var(--radix-dropdown-menu-trigger-width)',\n          color: 'var(--igz-primary, #4B4760)'\n        }}\n        data-testid={`filter-popover-multiselect-content-${filterField.key}`}\n      >\n        {options.map(option => {\n          const isChecked = currentValues.includes(option.value)\n          const color = option.meta?.color as string | undefined\n          const isDisabled =\n            Boolean((option.meta as Record<string, unknown>)?.disabled) ||\n            Boolean(filterField.computeDisabled?.(option.value, currentValues))\n\n          return (\n            <DropdownMenuItem\n              key={option.value || 'empty'}\n              disabled={isDisabled}\n              className=\"flex items-center gap-3 text-[15px] h-[42px] px-4 data-[highlighted]:bg-igz-accent-hover cursor-pointer data-[disabled]:pointer-events-none data-[disabled]:opacity-40\"\n              onSelect={e => {\n                e.preventDefault()\n                if (!isDisabled) handleToggle(option.value)\n              }}\n              data-testid={`filter-popover-multiselect-${filterField.key}-${option.value}`}\n            >\n              <Checkbox\n                checked={isChecked}\n                disabled={isDisabled}\n                className=\"shrink-0\"\n                onClick={e => e.stopPropagation()}\n                onCheckedChange={() => !isDisabled && handleToggle(option.value)}\n              />\n              {/* Label + dot grouped together so the dot sits right after the text */}\n              <span className=\"flex items-center gap-1.5\">\n                <span>{option.label}</span>\n                {color && (\n                  <span\n                    className=\"w-2 h-2 rounded-full shrink-0\"\n                    style={{ backgroundColor: color }}\n                  />\n                )}\n              </span>\n            </DropdownMenuItem>\n          )\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nexport default MultiSelectField\n"],"names":["MAX_INLINE_LABELS","SelectArrow","jsx","MultiSelectField","filterField","value","setFilterDraft","isOpen","setIsOpen","useState","currentValues","options","selectedLabels","o","triggerText","handleToggle","optValue","prev","prevValues","toggled","v","next","jsxs","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","option","isChecked","color","_a","isDisabled","_b","_c","DropdownMenuItem","e","Checkbox"],"mappings":"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"}

package/dist/nextGenComponents/components/MultiSelectField/index.d.ts

@@ -0,0 +1,3 @@
+export { default, SelectArrow } from './MultiSelectField';
+export type { MultiSelectFieldProps } from './MultiSelectField';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/MultiSelectField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/MultiSelectField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/nextGenComponents/components/MultiSelectField/index.mjs

@@ -0,0 +1,6 @@
+import { SelectArrow as o, default as t } from "./MultiSelectField.mjs";
+export {
+  o as SelectArrow,
+  t as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/MultiSelectField/index.mjs.map

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

package/dist/nextGenComponents/components/PaginationControls/PaginationControls.d.ts

@@ -0,0 +1,17 @@
+export type PaginationConfig = {
+    currentPage: number;
+    totalPages: number;
+    currentBatch: number;
+    hasPrevBatch: boolean;
+    hasNextBatch: boolean;
+    batchSize: number;
+    onPageChange: (page: number) => void;
+    onPrevBatch: () => void;
+    onNextBatch: () => void;
+};
+export type PaginationControlsProps = PaginationConfig & {
+    className?: string;
+};
+declare const PaginationControls: ({ currentPage, totalPages, currentBatch, hasPrevBatch, hasNextBatch, batchSize, onPageChange, onPrevBatch, onNextBatch, className }: PaginationControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default PaginationControls;
+//# sourceMappingURL=PaginationControls.d.ts.map