iguazio.dashboard-react-controls 3.2.21 → 3.2.22

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

@@ -0,0 +1,157 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useMemo as N } from "react";
+import k from "../../../images/activeFilter.svg.mjs";
+import C from "../../../images/filter-2.svg.mjs";
+import { Button as p } from "../ui/button.mjs";
+import { Input as T } from "../ui/input.mjs";
+import { Popover as w, PopoverTrigger as P, PopoverContent as S } from "../ui/popover.mjs";
+import { ScrollArea as y } from "../ui/scroll-area.mjs";
+import { Select as O, SelectTrigger as E, SelectValue as I, SelectContent as L, SelectItem as _ } from "../ui/select.mjs";
+import { FILTER_POPOVER_DEFAULT_TITLE as $, FILTER_BUTTON_CLEAR as R, FILTER_BUTTON_APPLY as j } from "../../constants/index.mjs";
+import { useTableStore as D } from "../../stores/tableStore.mjs";
+import { hasActiveFilters as V, buildInitialFromSchema as z, objectValues as A } from "../../utils/tableFilters.utils.mjs";
+import "../MultiSelectField/index.mjs";
+import B from "../MultiSelectField/MultiSelectField.mjs";
+const te = ({
+  schema: l,
+  title: m = $,
+  onApply: s,
+  onClear: i
+}) => {
+  const { filterPopoverOpen: u, setFilterPopoverOpen: d, filterDraft: h, setFilterDraft: c, resetFilterDraft: v } = D(), x = N(() => V(l), [l]), f = (e) => {
+    if (e) {
+      const o = z(l);
+      v(o);
+    }
+    d(e);
+  }, b = () => {
+    v({}), i == null || i(), d(!1);
+  }, g = () => {
+    s == null || s(h), d(!1);
+  };
+  return /* @__PURE__ */ r(w, { open: u, onOpenChange: f, modal: !0, children: [
+    /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ t(
+      p,
+      {
+        variant: "rounded",
+        size: "icon",
+        "aria-label": m,
+        "data-testid": "filter-popover-button",
+        children: x ? /* @__PURE__ */ t(k, { className: "h-4 w-4" }) : /* @__PURE__ */ t(C, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      S,
+      {
+        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: m }) }),
+          /* @__PURE__ */ t(y, { className: "px-4 overflow-y-auto", children: /* @__PURE__ */ t("div", { className: "space-y-4 pb-2", children: A(l).map((e) => {
+            const o = h[e.key];
+            return /* @__PURE__ */ r(
+              "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(
+                    T,
+                    {
+                      placeholder: e.placeholder,
+                      value: o ?? "",
+                      disabled: e.disabled,
+                      className: "h-10 w-full px-4 text-[15px] font-normal placeholder-[#C4C2C8]",
+                      onChange: (a) => c((n) => ({
+                        ...n,
+                        [e.key]: a.target.value
+                      })),
+                      "data-testid": `filter-popover-input-${e.label}`
+                    }
+                  ),
+                  e.kind === "select" && /* @__PURE__ */ r(
+                    O,
+                    {
+                      value: o ?? "",
+                      onValueChange: (a) => c((n) => ({
+                        ...n,
+                        [e.key]: a
+                      })),
+                      disabled: e.disabled,
+                      children: [
+                        /* @__PURE__ */ t(
+                          E,
+                          {
+                            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(I, { placeholder: e.placeholder })
+                          }
+                        ),
+                        /* @__PURE__ */ t(L, { 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(
+                    B,
+                    {
+                      filterField: e,
+                      value: o,
+                      setFilterDraft: c
+                    }
+                  )
+                ]
+              },
+              e.key
+            );
+          }) }) }),
+          /* @__PURE__ */ r("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: b,
+                "data-testid": "filter-popover-clear-button",
+                children: R
+              }
+            ),
+            /* @__PURE__ */ t(
+              p,
+              {
+                className: "h-9 w-[100px] px-3 text-[14px]",
+                onClick: g,
+                "data-testid": "filter-popover-apply-button",
+                children: j
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  te 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 } 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  onApply?: (vals?: FilterValues<K>) => void\n  onClear?: () => void\n}\n\nconst FilterPopover = <K extends string>({\n  schema,\n  title = FILTER_POPOVER_DEFAULT_TITLE,\n  onApply,\n  onClear\n}: Readonly<Props<K>>) => {\n  const { filterPopoverOpen, setFilterPopoverOpen, filterDraft, setFilterDraft, resetFilterDraft } =\n    useTableStore()\n  const isFilterActive = useMemo(() => hasActiveFilters(schema), [schema])\n\n  const handleOpenChange = (next: boolean) => {\n    if (next) {\n      const initial = buildInitialFromSchema(schema)\n      resetFilterDraft(initial)\n    }\n    setFilterPopoverOpen(next)\n  }\n\n  const reset = () => {\n    resetFilterDraft({})\n    onClear?.()\n    setFilterPopoverOpen(false)\n  }\n\n  const apply = () => {\n    onApply?.(filterDraft as FilterValues<K>)\n    setFilterPopoverOpen(false)\n  }\n\n  return (\n    <Popover open={filterPopoverOpen} onOpenChange={handleOpenChange} modal>\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(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(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={setFilterDraft}\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","onApply","onClear","filterPopoverOpen","setFilterPopoverOpen","filterDraft","setFilterDraft","resetFilterDraft","useTableStore","isFilterActive","useMemo","hasActiveFilters","handleOpenChange","next","initial","buildInitialFromSchema","reset","apply","Popover","jsx","PopoverTrigger","Button","ActiveFilter","Filter","jsxs","PopoverContent","ScrollArea","objectValues","filterField","value","Input","e","prev","Select","SelectTrigger","SelectValue","SelectContent","option","SelectItem","MultiSelectField","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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationControls.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/PaginationControls/PaginationControls.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,GAAG;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,kBAAkB,GAAI,qIAWzB,uBAAuB,4CA6HzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/nextGenComponents/components/PaginationControls/PaginationControls.mjs

@@ -0,0 +1,106 @@
+import { jsx as i, jsxs as o } from "react/jsx-runtime";
+import { ChevronsLeft as w, ChevronsRight as A } from "lucide-react";
+import { Pagination as E, PaginationContent as L, PaginationItem as r, PaginationLink as N, PaginationPrevious as I, PaginationNext as O } from "../ui/pagination.mjs";
+import { TooltipProvider as R, Tooltip as p, TooltipTrigger as f, TooltipContent as h } from "../ui/tooltip.mjs";
+import { cn as l } from "../../lib/utils.mjs";
+const J = ({
+  currentPage: n,
+  totalPages: u,
+  currentBatch: t,
+  hasPrevBatch: d,
+  hasNextBatch: s,
+  batchSize: a,
+  onPageChange: m,
+  onPrevBatch: k,
+  onNextBatch: D,
+  className: T
+}) => {
+  const g = n > 1, v = n < u, $ = Array.from({ length: u }, (e, C) => C + 1), x = (t - 1) * a, c = "pointer-events-none opacity-30", b = (t - 2) * a + 1, P = (t - 1) * a, j = t * a + 1, y = (t + 1) * a;
+  return /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: l("flex items-center justify-center gap-4 pt-2", T),
+      "data-testid": "pagination-controls",
+      children: /* @__PURE__ */ i(E, { children: /* @__PURE__ */ o(L, { children: [
+        /* @__PURE__ */ i(r, { children: /* @__PURE__ */ o(p, { children: [
+          /* @__PURE__ */ i(f, { asChild: !0, children: /* @__PURE__ */ i(
+            N,
+            {
+              href: "#",
+              "aria-disabled": !d,
+              className: l(!d && c),
+              onClick: (e) => {
+                e.preventDefault(), d && k();
+              },
+              "data-testid": "pagination-prev-batch",
+              children: /* @__PURE__ */ i(w, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ i(h, { children: d ? `Previous pages ${b}-${P}` : "No previous pages" })
+        ] }) }),
+        /* @__PURE__ */ i(r, { children: /* @__PURE__ */ o(p, { children: [
+          /* @__PURE__ */ i(f, { asChild: !0, children: /* @__PURE__ */ i(
+            I,
+            {
+              href: "#",
+              "aria-disabled": !g,
+              className: l(!g && c),
+              onClick: (e) => {
+                e.preventDefault(), g && m(n - 1);
+              },
+              "data-testid": "pagination-prev-page"
+            }
+          ) }),
+          /* @__PURE__ */ i(h, { children: "Previous page" })
+        ] }) }),
+        $.map((e) => /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i(
+          N,
+          {
+            href: "#",
+            isActive: e === n,
+            onClick: (C) => {
+              C.preventDefault(), m(e);
+            },
+            "data-testid": `pagination-page-${e + x}`,
+            children: e + x
+          }
+        ) }, e)),
+        /* @__PURE__ */ i(r, { children: /* @__PURE__ */ o(p, { children: [
+          /* @__PURE__ */ i(f, { asChild: !0, children: /* @__PURE__ */ i(
+            O,
+            {
+              href: "#",
+              "aria-disabled": !v,
+              className: l(!v && c),
+              onClick: (e) => {
+                e.preventDefault(), v && m(n + 1);
+              },
+              "data-testid": "pagination-next-page"
+            }
+          ) }),
+          /* @__PURE__ */ i(h, { children: "Next page" })
+        ] }) }),
+        /* @__PURE__ */ i(r, { children: /* @__PURE__ */ o(p, { children: [
+          /* @__PURE__ */ i(f, { asChild: !0, children: /* @__PURE__ */ i(
+            N,
+            {
+              href: "#",
+              "aria-disabled": !s,
+              className: l(!s && c),
+              onClick: (e) => {
+                e.preventDefault(), s && D();
+              },
+              "data-testid": "pagination-next-batch",
+              children: /* @__PURE__ */ i(A, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ i(h, { children: s ? `Next pages ${j}-${y}` : "No more pages" })
+        ] }) })
+      ] }) })
+    }
+  ) });
+};
+export {
+  J as default
+};
+//# sourceMappingURL=PaginationControls.mjs.map