@acronis-platform/ui-react 0.61.0 → 1.0.0

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

@@ -0,0 +1,25 @@
+import * as m from "react";
+import { mergeProps as o } from "@base-ui/react/merge-props";
+import { useRender as s } from "@base-ui/react/use-render";
+import { cn as p } from "../../../lib/utils.js";
+const f = m.forwardRef(
+  ({ className: r, render: e, ...a }, t) => s({
+    render: e,
+    ref: t,
+    defaultTagName: "div",
+    props: o(
+      {
+        className: p(
+          "flex w-full items-stretch gap-[var(--ui-gap-16)] [&>*]:flex-1",
+          r
+        )
+      },
+      a
+    )
+  })
+);
+f.displayName = "FilterCards";
+export {
+  f as FilterCards
+};
+//# sourceMappingURL=filter-cards.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-cards.js","sources":["../../../../src/components/ui/filter-cards/filter-cards.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\n\nimport { cn } from '@/lib/utils';\n\n// Mirrors the Figma \"FilterCards\" component: a horizontal row of `CardFilter`\n// items (Figma's nested \"ListCards\" slot maps to `children`) that fills its\n// container and distributes the available width evenly across however many\n// cards are passed in, matching the \"fill container\" sizing Figma applies to\n// each CardFilter instance inside this composition — it overrides CardFilter's\n// own fixed 224px width. The only styling this container owns is the 16px\n// inter-card gap (`--ui-gap-16`) and `items-stretch`, so every card matches\n// the row's tallest sibling even if one card's label wraps onto a second\n// line; there is no dedicated `--ui-filter-cards-*` token tier.\n//\n// Cards only shrink down to their own content's natural (min-content) width —\n// there is no `min-w-0` override, so the browser's default `min-width: auto`\n// on flex items applies. Once the cards' combined min-content width exceeds\n// the row, the row overflows its container rather than clipping any card's\n// content; the consumer is responsible for giving the row a scrollable\n// container (e.g. `overflow-x-auto`) if that's the desired behavior for a\n// given layout — FilterCards itself never adds scroll or wrap.\nexport interface FilterCardsProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Replace the rendered `<div>` with another element or component\n   * (Base UI composition).\n   */\n  render?: useRender.RenderProp;\n}\n\nconst FilterCards = React.forwardRef<HTMLDivElement, FilterCardsProps>(\n  ({ className, render, ...props }, ref) => {\n    return useRender({\n      render,\n      ref,\n      defaultTagName: 'div',\n      props: mergeProps<'div'>(\n        {\n          className: cn(\n            'flex w-full items-stretch gap-[var(--ui-gap-16)] [&>*]:flex-1',\n            className\n          ),\n        },\n        props\n      ),\n    });\n  }\n);\nFilterCards.displayName = 'FilterCards';\n\nexport { FilterCards };\n"],"names":["FilterCards","React","className","render","props","ref","useRender","mergeProps","cn"],"mappings":";;;;AA+BA,MAAMA,IAAcC,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MACzBC,EAAU;AAAA,IACf,QAAAH;AAAA,IACA,KAAAE;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAOE;AAAA,MACL;AAAA,QACE,WAAWC;AAAA,UACT;AAAA,UACAN;AAAA,QAAA;AAAA,MACF;AAAA,MAEFE;AAAA,IAAA;AAAA,EACF,CACD;AAEL;AACAJ,EAAY,cAAc;"}

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

@@ -0,0 +1,44 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as s from "react";
+import { mergeProps as m } from "@base-ui/react/merge-props";
+import { useRender as l } from "@base-ui/react/use-render";
+import { cn as o } from "../../../lib/utils.js";
+import { Button as f } from "../button/button.js";
+const n = s.forwardRef(
+  ({ className: e, render: r, ariaLabel: t = "Applied filters", ...i }, p) => l({
+    render: r,
+    ref: p,
+    defaultTagName: "div",
+    props: m(
+      {
+        role: "group",
+        "aria-label": t,
+        className: o("flex items-center gap-[var(--ui-gap-16)]", e)
+      },
+      i
+    )
+  })
+);
+n.displayName = "FilterChips";
+const c = s.forwardRef(
+  ({ className: e, ...r }, t) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: t,
+      className: o(
+        "flex min-w-0 flex-wrap content-center items-center gap-[var(--ui-gap-8)]",
+        e
+      ),
+      ...r
+    }
+  )
+);
+c.displayName = "FilterChipsList";
+const d = s.forwardRef(({ children: e = "Reset filters", type: r = "button", ...t }, i) => /* @__PURE__ */ a(f, { ref: i, type: r, variant: "ghost", ...t, children: e }));
+d.displayName = "FilterChipsReset";
+export {
+  n as FilterChips,
+  c as FilterChipsList,
+  d as FilterChipsReset
+};
+//# sourceMappingURL=filter-chips.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-chips.js","sources":["../../../../src/components/ui/filter-chips/filter-chips.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '../button';\n\n// Composable applied-filter row mirroring the Figma \"FilterChips\" component:\n// a wrapping list of removable `Chip`s closed by a ghost \"Reset filters\" action\n// that clears them all at once.\n//\n// There is no `--ui-filter-chips-*` tier, and none is needed — the design\n// references exactly two primitive gap tokens: `--ui-gap-16` between the root's\n// children and `--ui-gap-8` between the items inside the list. Every other token\n// in the node belongs to `Chip` (`--ui-chip-*`) or `Button`\n// (`--ui-button-ghost-*`), which already own them.\n//\n// Figma models the chip area as a single `ListChips` slot, so the chips are the\n// consumer's children rather than a data prop. The \"Reset filters\" button sits\n// *inside* that slot — the design measures 8px, not 16px, between the last chip\n// and the button — so compose `FilterChipsReset` as the last child of\n// `FilterChipsList`. The root's 16px gap is for anything a consumer places\n// beside the list as a whole.\n//\n// Chips are 24px tall and the ghost button is 32px, so the row is 32px tall with\n// the chips centered in it (`items-center`).\n\nexport interface FilterChipsProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Replace the rendered `<div>` with another element or component\n   * (Base UI composition). Accepts a React element or a render function.\n   */\n  render?: useRender.RenderProp;\n  /** Accessible name for the applied-filter region. */\n  ariaLabel?: string;\n}\n\nconst FilterChips = React.forwardRef<HTMLDivElement, FilterChipsProps>(\n  ({ className, render, ariaLabel = 'Applied filters', ...props }, ref) =>\n    useRender({\n      render,\n      ref,\n      defaultTagName: 'div',\n      props: mergeProps<'div'>(\n        {\n          role: 'group',\n          'aria-label': ariaLabel,\n          className: cn('flex items-center gap-[var(--ui-gap-16)]', className),\n        },\n        props\n      ),\n    })\n);\nFilterChips.displayName = 'FilterChips';\n\nexport type FilterChipsListProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst FilterChipsList = React.forwardRef<HTMLDivElement, FilterChipsListProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'flex min-w-0 flex-wrap content-center items-center gap-[var(--ui-gap-8)]',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nFilterChipsList.displayName = 'FilterChipsList';\n\nexport interface FilterChipsResetProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Replace the rendered `<button>` with another element or component\n   * (Base UI composition). Accepts a React element or a render function.\n   */\n  render?: useRender.RenderProp;\n  /** Label for the reset action. */\n  children?: React.ReactNode;\n}\n\nconst FilterChipsReset = React.forwardRef<\n  HTMLButtonElement,\n  FilterChipsResetProps\n>(({ children = 'Reset filters', type = 'button', ...props }, ref) => (\n  <Button ref={ref} type={type} variant=\"ghost\" {...props}>\n    {children}\n  </Button>\n));\nFilterChipsReset.displayName = 'FilterChipsReset';\n\nexport { FilterChips, FilterChipsList, FilterChipsReset };\n"],"names":["FilterChips","React","className","render","ariaLabel","props","ref","useRender","mergeProps","cn","FilterChipsList","jsx","FilterChipsReset","children","type","Button"],"mappings":";;;;;;AAqCA,MAAMA,IAAcC,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,IAAY,mBAAmB,GAAGC,EAAA,GAASC,MAC/DC,EAAU;AAAA,IACR,QAAAJ;AAAA,IACA,KAAAG;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAOE;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,cAAcJ;AAAA,QACd,WAAWK,EAAG,4CAA4CP,CAAS;AAAA,MAAA;AAAA,MAErEG;AAAA,IAAA;AAAA,EACF,CACD;AACL;AACAL,EAAY,cAAc;AAI1B,MAAMU,IAAkBT,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAA,GAASC,MACxB,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAgB,cAAc;AAa9B,MAAME,IAAmBX,EAAM,WAG7B,CAAC,EAAE,UAAAY,IAAW,iBAAiB,MAAAC,IAAO,UAAU,GAAGT,EAAA,GAASC,MAC5D,gBAAAK,EAACI,KAAO,KAAAT,GAAU,MAAAQ,GAAY,SAAQ,SAAS,GAAGT,GAC/C,UAAAQ,GACH,CACD;AACDD,EAAiB,cAAc;"}

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

@@ -1,165 +1,211 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import * as a from "react";
-import { ChevronDownIcon as A } from "@acronis-platform/icons-react/stroke-mono";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import { ChevronDownIcon as M } from "@acronis-platform/icons-react/stroke-mono";
 import { cn as u } from "../../../lib/utils.js";
-import { deepEqual as P } from "../../../lib/deep-equal.js";
-import { Chip as $ } from "../chip/chip.js";
-import { Button as p } from "../button/button.js";
-import { Popover as E, PopoverTrigger as q, PopoverContent as z } from "../popover/popover.js";
-const B = a.forwardRef(
-  ({ className: t, ...e }, r) => /* @__PURE__ */ n(
+import { deepEqual as T } from "../../../lib/deep-equal.js";
+import { FilterChips as G, FilterChipsList as H, FilterChipsReset as K } from "../filter-chips/filter-chips.js";
+import { Chip as Q } from "../chip/chip.js";
+import { Popover as U, PopoverTrigger as W, PopoverContent as X } from "../popover/popover.js";
+import { Button as h } from "../button/button.js";
+const Y = i.forwardRef(
+  ({ className: t, ...e }, n) => /* @__PURE__ */ r(
     "div",
     {
-      ref: r,
+      ref: n,
       className: u("flex items-center gap-4", t),
       ...e
     }
   )
 );
-B.displayName = "FilterSearch";
-const I = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ n(
+Y.displayName = "FilterSearch";
+const Z = i.forwardRef(({ className: t, ...e }, n) => /* @__PURE__ */ r(
   "div",
   {
-    ref: r,
-    className: u("flex h-8 min-w-px flex-1 items-center justify-end gap-4", t),
+    ref: n,
+    className: u(
+      "flex h-8 min-w-px flex-1 items-center justify-end gap-4",
+      t
+    ),
     ...e
   }
 ));
-I.displayName = "FilterSearchActions";
-const C = a.createContext(null);
-function X() {
-  const t = a.useContext(C);
+Z.displayName = "FilterSearchActions";
+const R = i.createContext(null);
+function le() {
+  const t = i.useContext(R);
   if (t === null)
     throw new Error(
       "useFilterSearchFilters must be used within a <FilterSearchFilters> popover."
     );
   return t;
 }
-const J = a.forwardRef(({ value: t, onValueChange: e, onApply: r, label: s = "Filters", children: b, className: x, ...m }, v) => {
-  const [o, l] = a.useState(!1), [c, f] = a.useState(t), N = (i) => {
-    f(t), l(i);
-  }, F = a.useCallback((i, g) => {
-    f((h) => {
-      if (g === void 0) {
-        if (!(i in h)) return h;
-        const S = { ...h };
-        return delete S[i], S;
-      }
-      return { ...h, [i]: g };
-    });
-  }, []), y = a.useMemo(
-    () => ({ filters: c, setFilter: F }),
-    [c, F]
-  ), w = () => f({}), R = () => {
-    f(t), l(!1);
-  }, j = () => {
-    e(c), r == null || r(c), l(!1);
-  }, O = Object.keys(c).length === 0, D = P(c, t);
-  return /* @__PURE__ */ d(E, { open: o, onOpenChange: N, children: [
-    /* @__PURE__ */ d(
-      q,
-      {
-        ref: v,
-        render: /* @__PURE__ */ n(
-          p,
-          {
-            variant: "secondary",
-            className: u(
-              "group data-[popup-open]:border-[var(--ui-button-secondary-container-border-color-active)] data-[popup-open]:bg-[var(--ui-button-secondary-container-color-active)] data-[popup-open]:text-[var(--ui-button-secondary-label-color-active)]",
-              x
-            ),
-            ...m
-          }
-        ),
-        children: [
-          s,
-          /* @__PURE__ */ n(
-            A,
+const _ = i.forwardRef(
+  ({
+    value: t,
+    onValueChange: e,
+    onApply: n,
+    label: s = "Filters",
+    resetFiltersLabel: b = "Reset filters",
+    cancelLabel: F = "Cancel",
+    applyLabel: x = "Apply",
+    children: v,
+    className: l,
+    contentClassName: S,
+    side: o,
+    align: p = "start",
+    sideOffset: w,
+    portalContainer: j,
+    collisionBoundary: O,
+    positionMethod: D,
+    ...A
+  }, P) => {
+    const [$, C] = i.useState(!1), [c, m] = i.useState(t), E = (a) => {
+      m(t), C(a);
+    }, g = i.useCallback((a, N) => {
+      m((f) => {
+        if (N === void 0) {
+          if (!(a in f)) return f;
+          const y = { ...f };
+          return delete y[a], y;
+        }
+        return { ...f, [a]: N };
+      });
+    }, []), L = i.useMemo(
+      () => ({ filters: c, setFilter: g }),
+      [c, g]
+    ), q = () => m({}), z = () => {
+      m(t), C(!1);
+    }, B = () => {
+      e(c), n == null || n(c), C(!1);
+    }, I = Object.keys(c).length === 0, J = T(c, t);
+    return /* @__PURE__ */ d(U, { open: $, onOpenChange: E, children: [
+      /* @__PURE__ */ d(
+        W,
+        {
+          ref: P,
+          render: /* @__PURE__ */ r(
+            h,
             {
-              size: 16,
-              className: "transition-transform group-data-[popup-open]:rotate-180"
+              variant: "secondary",
+              className: u(
+                "group data-[popup-open]:border-[var(--ui-button-secondary-container-border-color-active)] data-[popup-open]:bg-[var(--ui-button-secondary-container-color-active)] data-[popup-open]:text-[var(--ui-button-secondary-label-color-active)]",
+                l
+              ),
+              ...A
             }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ n(z, { align: "start", className: "w-96 p-0", children: /* @__PURE__ */ d(
-      "form",
-      {
-        onSubmit: (i) => {
-          i.preventDefault(), j();
-        },
-        children: [
-          /* @__PURE__ */ n("div", { className: "flex max-h-80 flex-col gap-4 overflow-y-auto p-4", children: /* @__PURE__ */ n(C.Provider, { value: y, children: b }) }),
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-2 border-t border-border p-4", children: [
-            /* @__PURE__ */ n(
-              p,
+          ),
+          children: [
+            s,
+            /* @__PURE__ */ r(
+              M,
               {
-                type: "button",
-                variant: "ghost",
-                disabled: O,
-                onClick: w,
-                children: "Reset filters"
+                size: 16,
+                className: "transition-transform group-data-[popup-open]:rotate-180"
               }
-            ),
-            /* @__PURE__ */ d("div", { className: "ms-auto flex items-center gap-2", children: [
-              /* @__PURE__ */ n(p, { type: "button", variant: "secondary", onClick: R, children: "Cancel" }),
-              /* @__PURE__ */ n(p, { type: "submit", variant: "default", disabled: D, children: "Apply" })
-            ] })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-});
-J.displayName = "FilterSearchFilters";
-function L(t, e) {
-  const r = Array.isArray(e) ? e.map((s) => String(s)).join(", ") : typeof e == "object" && e !== null ? JSON.stringify(e) : String(e);
-  return `${t}: ${r}`;
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(
+        X,
+        {
+          side: o,
+          align: p,
+          sideOffset: w,
+          portalContainer: j,
+          collisionBoundary: O,
+          positionMethod: D,
+          className: u("w-96 p-0", S),
+          children: /* @__PURE__ */ d(
+            "form",
+            {
+              onSubmit: (a) => {
+                a.preventDefault(), B();
+              },
+              children: [
+                /* @__PURE__ */ r("div", { className: "flex max-h-80 flex-col gap-4 overflow-y-auto p-4", children: /* @__PURE__ */ r(R.Provider, { value: L, children: v }) }),
+                /* @__PURE__ */ d("div", { className: "flex items-center gap-2 border-t border-border p-4", children: [
+                  /* @__PURE__ */ r(
+                    h,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      disabled: I,
+                      onClick: q,
+                      children: b
+                    }
+                  ),
+                  /* @__PURE__ */ d("div", { className: "ms-auto flex items-center gap-2", children: [
+                    /* @__PURE__ */ r(
+                      h,
+                      {
+                        type: "button",
+                        variant: "secondary",
+                        onClick: z,
+                        children: F
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      h,
+                      {
+                        type: "submit",
+                        variant: "default",
+                        disabled: J,
+                        children: x
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+_.displayName = "FilterSearchFilters";
+function k(t, e) {
+  const n = Array.isArray(e) ? e.map((s) => String(s)).join(", ") : typeof e == "object" && e !== null ? JSON.stringify(e) : String(e);
+  return `${t}: ${n}`;
 }
-const M = a.forwardRef(({ className: t, filters: e, onValueChange: r, getFilterChipLabel: s, ...b }, x) => {
-  const m = Object.keys(e);
-  if (m.length === 0) return null;
-  const v = (o) => {
-    const l = { ...e };
-    delete l[o], r(l);
-  };
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      ref: x,
-      className: u("flex flex-wrap items-center gap-3", t),
-      ...b,
-      children: [
-        m.map((o) => /* @__PURE__ */ n(
-          $,
-          {
-            variant: "removable",
-            onRemove: () => v(o),
-            removeLabel: `Remove ${o} filter`,
-            children: s ? s(o, e[o]) : L(o, e[o])
-          },
-          o
-        )),
-        /* @__PURE__ */ n(
-          p,
-          {
-            type: "button",
-            variant: "ghost",
-            onClick: () => r({}),
-            children: "Reset filters"
-          }
-        )
-      ]
-    }
-  );
-});
-M.displayName = "FilterSearchAppliedFilters";
+const V = i.forwardRef(
+  ({
+    className: t,
+    filters: e,
+    onValueChange: n,
+    getFilterChipLabel: s,
+    getRemoveFilterLabel: b = (l) => `Remove ${l} filter`,
+    resetFiltersLabel: F = "Reset filters",
+    ...x
+  }, v) => {
+    const l = Object.keys(e);
+    if (l.length === 0) return null;
+    const S = (o) => {
+      const p = { ...e };
+      delete p[o], n(p);
+    };
+    return /* @__PURE__ */ r(G, { ref: v, className: t, ...x, children: /* @__PURE__ */ d(H, { children: [
+      l.map((o) => /* @__PURE__ */ r(
+        Q,
+        {
+          variant: "removable",
+          onRemove: () => S(o),
+          removeLabel: b(o),
+          children: s ? s(o, e[o]) : k(o, e[o])
+        },
+        o
+      )),
+      /* @__PURE__ */ r(K, { onClick: () => n({}), children: F })
+    ] }) });
+  }
+);
+V.displayName = "FilterSearchAppliedFilters";
 export {
-  B as FilterSearch,
-  I as FilterSearchActions,
-  M as FilterSearchAppliedFilters,
-  J as FilterSearchFilters,
-  X as useFilterSearchFilters
+  Y as FilterSearch,
+  Z as FilterSearchActions,
+  V as FilterSearchAppliedFilters,
+  _ as FilterSearchFilters,
+  le as useFilterSearchFilters
 };
 //# sourceMappingURL=filter-search.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter-search.js","sources":["../../../../src/components/ui/filter-search/filter-search.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\nimport { deepEqual } from '@/lib/deep-equal';\nimport { Button } from '../button';\nimport { Chip } from '../chip';\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover';\n\n// A composable toolbar for data tables: arranges a search field, optional\n// filters button, optional tenant/scope switcher, and trailing action buttons\n// in a single horizontal row. Maps to the Figma \"FilterSearch\" component. The\n// root container uses 16px inter-item gap (Figma `gap/gap-16`) and centers\n// children vertically. `FilterSearchActions` is a right-aligned flex area that\n// pushes its content to the trailing edge.\n//\n// No dedicated token tier — spacing is the Figma `gap/gap-16` semantic token\n// (16px), and each child (Search, ButtonMenu, Select) brings its own\n// `--ui-*` tier.\n//\n// `FilterSearchFilters` and `FilterSearchAppliedFilters` are design-pending\n// additions (no Figma node yet, unlike the FilterSearch node itself): the\n// filter popover (trigger + form + Reset/Cancel/Apply) and the applied-filter\n// chip row + top-level \"Reset filters\" affordance. Compose `FilterSearchFilters`\n// as a child of `<FilterSearch>` in place of a plain filter trigger, and render\n// `<FilterSearchAppliedFilters>` as a sibling row below it. Reconcile against\n// the real design with `/figma-component FilterSearchFilters <url> --update`\n// once a mockup lands.\n\nexport type FilterSearchProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst FilterSearch = React.forwardRef<HTMLDivElement, FilterSearchProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-4', className)}\n      {...props}\n    />\n  )\n);\nFilterSearch.displayName = 'FilterSearch';\n\nexport type FilterSearchActionsProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst FilterSearchActions = React.forwardRef<\n  HTMLDivElement,\n  FilterSearchActionsProps\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex h-8 min-w-px flex-1 items-center justify-end gap-4', className)}\n    {...props}\n  />\n));\nFilterSearchActions.displayName = 'FilterSearchActions';\n\ninterface FilterSearchFiltersContextValue {\n  /** The current draft filters being edited inside the popover. */\n  filters: Record<string, unknown>;\n  /** Set a single draft filter value by key. */\n  setFilter: (key: string, value: unknown) => void;\n}\n\nconst FilterSearchFiltersContext =\n  React.createContext<FilterSearchFiltersContextValue | null>(null);\n\n/**\n * Bind a filter field child (rendered inside `FilterSearchFilters`'s popover) to\n * the component's draft filters. Returns the current draft map and a per-key\n * setter. Field children are plain JSX (no render prop) and wire their own\n * `onChange` to `setFilter`; Apply commits the draft, Cancel/dismiss reverts it.\n */\nexport function useFilterSearchFilters(): FilterSearchFiltersContextValue {\n  const context = React.useContext(FilterSearchFiltersContext);\n  if (context === null) {\n    throw new Error(\n      'useFilterSearchFilters must be used within a <FilterSearchFilters> popover.'\n    );\n  }\n  return context;\n}\n\nexport interface FilterSearchFiltersProps\n  extends Omit<React.ComponentPropsWithoutRef<'button'>, 'value' | 'onValueChange'> {\n  /** The applied filter values, keyed by an arbitrary consumer-chosen id. */\n  value: Record<string, unknown>;\n  /** Called with the committed filters when Apply is pressed. */\n  onValueChange: (next: Record<string, unknown>) => void;\n  /** Called with the newly applied filters when Apply is pressed (fires alongside `onValueChange`). */\n  onApply?: (filters: Record<string, unknown>) => void;\n  /** Label for the filter trigger button. */\n  label?: React.ReactNode;\n  /**\n   * Filter field children rendered inside the popover form. Plain children —\n   * wire each field to the draft via `useFilterSearchFilters`. Group fields with\n   * a `Separator` as a layout convention if desired.\n   */\n  children?: React.ReactNode;\n  /** Additional classes merged onto the trigger button. */\n  className?: string;\n}\n\nconst FilterSearchFilters = React.forwardRef<\n  HTMLButtonElement,\n  FilterSearchFiltersProps\n>(({ value, onValueChange, onApply, label = 'Filters', children, className, ...rest }, ref) => {\n  const [open, setOpen] = React.useState(false);\n  const [draft, setDraft] = React.useState<Record<string, unknown>>(value);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    // Snapshot the applied filters on open; revert the draft on any dismiss\n    // (outside press / Escape) so an un-applied edit never leaks out.\n    setDraft(value);\n    setOpen(nextOpen);\n  };\n\n  const setFilter = React.useCallback((key: string, filterValue: unknown) => {\n    setDraft((previous) => {\n      if (filterValue === undefined) {\n        if (!(key in previous)) return previous;\n        const next = { ...previous };\n        delete next[key];\n        return next;\n      }\n      return { ...previous, [key]: filterValue };\n    });\n  }, []);\n\n  const filterContext = React.useMemo<FilterSearchFiltersContextValue>(\n    () => ({ filters: draft, setFilter }),\n    [draft, setFilter]\n  );\n\n  const handleReset = () => setDraft({});\n\n  const handleCancel = () => {\n    setDraft(value);\n    setOpen(false);\n  };\n\n  const handleApply = () => {\n    onValueChange(draft);\n    onApply?.(draft);\n    setOpen(false);\n  };\n\n  const resetDisabled = Object.keys(draft).length === 0;\n  const applyDisabled = deepEqual(draft, value);\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger\n        ref={ref}\n        render={\n          <Button\n            variant=\"secondary\"\n            className={cn(\n              'group data-[popup-open]:border-[var(--ui-button-secondary-container-border-color-active)] data-[popup-open]:bg-[var(--ui-button-secondary-container-color-active)] data-[popup-open]:text-[var(--ui-button-secondary-label-color-active)]',\n              className\n            )}\n            {...rest}\n          />\n        }\n      >\n        {label}\n        <ChevronDownIcon\n          size={16}\n          className=\"transition-transform group-data-[popup-open]:rotate-180\"\n        />\n      </PopoverTrigger>\n      <PopoverContent align=\"start\" className=\"w-96 p-0\">\n        <form\n          onSubmit={(event) => {\n            event.preventDefault();\n            handleApply();\n          }}\n        >\n          <div className=\"flex max-h-80 flex-col gap-4 overflow-y-auto p-4\">\n            <FilterSearchFiltersContext.Provider value={filterContext}>\n              {children}\n            </FilterSearchFiltersContext.Provider>\n          </div>\n          <div className=\"flex items-center gap-2 border-t border-border p-4\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              disabled={resetDisabled}\n              onClick={handleReset}\n            >\n              Reset filters\n            </Button>\n            <div className=\"ms-auto flex items-center gap-2\">\n              <Button type=\"button\" variant=\"secondary\" onClick={handleCancel}>\n                Cancel\n              </Button>\n              <Button type=\"submit\" variant=\"default\" disabled={applyDisabled}>\n                Apply\n              </Button>\n            </div>\n          </div>\n        </form>\n      </PopoverContent>\n    </Popover>\n  );\n});\nFilterSearchFilters.displayName = 'FilterSearchFilters';\n\nfunction defaultFilterChipLabel(key: string, value: unknown): string {\n  const text = Array.isArray(value)\n    ? value.map((entry) => String(entry)).join(', ')\n    : typeof value === 'object' && value !== null\n      ? JSON.stringify(value)\n      : String(value);\n  return `${key}: ${text}`;\n}\n\nexport interface FilterSearchAppliedFiltersProps\n  extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** The currently applied filter values, keyed by an arbitrary consumer-chosen id. */\n  filters: Record<string, unknown>;\n  /** Called with the remaining filters when a chip is removed or \"Reset filters\" clears all. */\n  onValueChange: (next: Record<string, unknown>) => void;\n  /** Format an applied-filter chip's label. Defaults to `\"<key>: <value>\"`. */\n  getFilterChipLabel?: (key: string, value: unknown) => React.ReactNode;\n}\n\n/**\n * Renders one removable chip per applied filter plus a \"Reset filters\" action\n * that clears all filters immediately (no popover involved). Renders nothing\n * when `filters` is empty.\n */\nconst FilterSearchAppliedFilters = React.forwardRef<\n  HTMLDivElement,\n  FilterSearchAppliedFiltersProps\n>(({ className, filters, onValueChange, getFilterChipLabel, ...props }, ref) => {\n  const keys = Object.keys(filters);\n  if (keys.length === 0) return null;\n\n  const handleRemove = (key: string) => {\n    const next = { ...filters };\n    delete next[key];\n    onValueChange(next);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cn('flex flex-wrap items-center gap-3', className)}\n      {...props}\n    >\n      {keys.map((key) => (\n        <Chip\n          key={key}\n          variant=\"removable\"\n          onRemove={() => handleRemove(key)}\n          removeLabel={`Remove ${key} filter`}\n        >\n          {getFilterChipLabel\n            ? getFilterChipLabel(key, filters[key])\n            : defaultFilterChipLabel(key, filters[key])}\n        </Chip>\n      ))}\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        onClick={() => onValueChange({})}\n      >\n        Reset filters\n      </Button>\n    </div>\n  );\n});\nFilterSearchAppliedFilters.displayName = 'FilterSearchAppliedFilters';\n\nexport {\n  FilterSearch,\n  FilterSearchActions,\n  FilterSearchFilters,\n  FilterSearchAppliedFilters,\n};\n"],"names":["FilterSearch","React","className","props","ref","jsx","cn","FilterSearchActions","FilterSearchFiltersContext","useFilterSearchFilters","context","FilterSearchFilters","value","onValueChange","onApply","label","children","rest","open","setOpen","draft","setDraft","handleOpenChange","nextOpen","setFilter","key","filterValue","previous","next","filterContext","handleReset","handleCancel","handleApply","resetDisabled","applyDisabled","deepEqual","jsxs","Popover","PopoverTrigger","Button","ChevronDownIcon","PopoverContent","event","defaultFilterChipLabel","text","entry","FilterSearchAppliedFilters","filters","getFilterChipLabel","keys","handleRemove","Chip"],"mappings":"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"}
+{"version":3,"file":"filter-search.js","sources":["../../../../src/components/ui/filter-search/filter-search.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\nimport { deepEqual } from '@/lib/deep-equal';\nimport { Button } from '../button';\nimport { Chip } from '../chip';\nimport {\n  FilterChips,\n  FilterChipsList,\n  FilterChipsReset,\n  type FilterChipsProps,\n} from '../filter-chips';\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover';\n\n// A composable toolbar for data tables: arranges a search field, optional\n// filters button, optional tenant/scope switcher, and trailing action buttons\n// in a single horizontal row. Maps to the Figma \"FilterSearch\" component. The\n// root container uses 16px inter-item gap (Figma `gap/gap-16`) and centers\n// children vertically. `FilterSearchActions` is a right-aligned flex area that\n// pushes its content to the trailing edge.\n//\n// No dedicated token tier — spacing is the Figma `gap/gap-16` semantic token\n// (16px), and each child (Search, ButtonMenu, Select) brings its own\n// `--ui-*` tier.\n//\n// `FilterSearchFilters` is still design-pending (no Figma node yet, unlike the\n// FilterSearch node itself): the filter popover — trigger + form +\n// Reset/Cancel/Apply. Compose it as a child of `<FilterSearch>` in place of a\n// plain filter trigger, and reconcile against the real design with\n// `/figma-component FilterSearchFilters <url> --update` once a mockup lands.\n//\n// `FilterSearchAppliedFilters` is no longer design-pending: its chip row landed\n// in Figma as its own \"FilterChips\" component, so it renders through\n// `FilterChips`/`FilterChipsList`/`FilterChipsReset` rather than repeating that\n// layout. It keeps its data-driven API (a `filters` record) as the convenience\n// wrapper over those slot-based parts; render it as a sibling row below\n// `<FilterSearch>`.\n\nexport type FilterSearchProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst FilterSearch = React.forwardRef<HTMLDivElement, FilterSearchProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-4', className)}\n      {...props}\n    />\n  )\n);\nFilterSearch.displayName = 'FilterSearch';\n\nexport type FilterSearchActionsProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst FilterSearchActions = React.forwardRef<\n  HTMLDivElement,\n  FilterSearchActionsProps\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex h-8 min-w-px flex-1 items-center justify-end gap-4',\n      className\n    )}\n    {...props}\n  />\n));\nFilterSearchActions.displayName = 'FilterSearchActions';\n\ninterface FilterSearchFiltersContextValue {\n  /** The current draft filters being edited inside the popover. */\n  filters: Record<string, unknown>;\n  /** Set a single draft filter value by key. */\n  setFilter: (key: string, value: unknown) => void;\n}\n\nconst FilterSearchFiltersContext =\n  React.createContext<FilterSearchFiltersContextValue | null>(null);\n\n/**\n * Bind a filter field child (rendered inside `FilterSearchFilters`'s popover) to\n * the component's draft filters. Returns the current draft map and a per-key\n * setter. Field children are plain JSX (no render prop) and wire their own\n * `onChange` to `setFilter`; Apply commits the draft, Cancel/dismiss reverts it.\n */\nexport function useFilterSearchFilters(): FilterSearchFiltersContextValue {\n  const context = React.useContext(FilterSearchFiltersContext);\n  if (context === null) {\n    throw new Error(\n      'useFilterSearchFilters must be used within a <FilterSearchFilters> popover.'\n    );\n  }\n  return context;\n}\n\nexport interface FilterSearchFiltersProps extends Omit<\n  React.ComponentPropsWithoutRef<'button'>,\n  'value' | 'onValueChange'\n> {\n  /** The applied filter values, keyed by an arbitrary consumer-chosen id. */\n  value: Record<string, unknown>;\n  /** Called with the committed filters when Apply is pressed. */\n  onValueChange: (next: Record<string, unknown>) => void;\n  /** Called with the newly applied filters when Apply is pressed (fires alongside `onValueChange`). */\n  onApply?: (filters: Record<string, unknown>) => void;\n  /** Label for the filter trigger button. */\n  label?: React.ReactNode;\n  /** Label for the \"Reset filters\" action inside the popover. */\n  resetFiltersLabel?: React.ReactNode;\n  /** Label for the \"Cancel\" action inside the popover. */\n  cancelLabel?: React.ReactNode;\n  /** Label for the \"Apply\" action inside the popover. */\n  applyLabel?: React.ReactNode;\n  /**\n   * Filter field children rendered inside the popover form. Plain children —\n   * wire each field to the draft via `useFilterSearchFilters`. Group fields with\n   * a `Separator` as a layout convention if desired.\n   */\n  children?: React.ReactNode;\n  /** Additional classes merged onto the trigger button. */\n  className?: string;\n  /** Additional classes merged onto the popover content. */\n  contentClassName?: string;\n  /** Which side of the trigger to render the popover on. Defaults to `'bottom'`. */\n  side?: React.ComponentProps<typeof PopoverContent>['side'];\n  /** Alignment of the popover along the chosen side. Defaults to `'start'`. */\n  align?: React.ComponentProps<typeof PopoverContent>['align'];\n  /** Distance in px between the trigger and the popover. */\n  sideOffset?: React.ComponentProps<typeof PopoverContent>['sideOffset'];\n  /**\n   * Portal container the popover mounts into. Defaults to the nearest\n   * `PortalContainerProvider`, or `document.body` if none is set — see\n   * `PopoverContent`'s `portalContainer` prop.\n   */\n  portalContainer?: React.ComponentProps<\n    typeof PopoverContent\n  >['portalContainer'];\n  /**\n   * Element/rect the popover is confined to when avoiding collisions. See\n   * `PopoverContent`'s `collisionBoundary` prop for the default behavior\n   * inside a constrained portal container.\n   */\n  collisionBoundary?: React.ComponentProps<\n    typeof PopoverContent\n  >['collisionBoundary'];\n  /**\n   * Which CSS `position` the popover uses. See `PopoverContent`'s\n   * `positionMethod` prop for the default behavior inside a constrained\n   * portal container.\n   */\n  positionMethod?: React.ComponentProps<\n    typeof PopoverContent\n  >['positionMethod'];\n}\n\nconst FilterSearchFilters = React.forwardRef<\n  HTMLButtonElement,\n  FilterSearchFiltersProps\n>(\n  (\n    {\n      value,\n      onValueChange,\n      onApply,\n      label = 'Filters',\n      resetFiltersLabel = 'Reset filters',\n      cancelLabel = 'Cancel',\n      applyLabel = 'Apply',\n      children,\n      className,\n      contentClassName,\n      side,\n      align = 'start',\n      sideOffset,\n      portalContainer,\n      collisionBoundary,\n      positionMethod,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = React.useState(false);\n    const [draft, setDraft] = React.useState<Record<string, unknown>>(value);\n\n    const handleOpenChange = (nextOpen: boolean) => {\n      // Snapshot the applied filters on open; revert the draft on any dismiss\n      // (outside press / Escape) so an un-applied edit never leaks out.\n      setDraft(value);\n      setOpen(nextOpen);\n    };\n\n    const setFilter = React.useCallback((key: string, filterValue: unknown) => {\n      setDraft((previous) => {\n        if (filterValue === undefined) {\n          if (!(key in previous)) return previous;\n          const next = { ...previous };\n          delete next[key];\n          return next;\n        }\n        return { ...previous, [key]: filterValue };\n      });\n    }, []);\n\n    const filterContext = React.useMemo<FilterSearchFiltersContextValue>(\n      () => ({ filters: draft, setFilter }),\n      [draft, setFilter]\n    );\n\n    const handleReset = () => setDraft({});\n\n    const handleCancel = () => {\n      setDraft(value);\n      setOpen(false);\n    };\n\n    const handleApply = () => {\n      onValueChange(draft);\n      onApply?.(draft);\n      setOpen(false);\n    };\n\n    const resetDisabled = Object.keys(draft).length === 0;\n    const applyDisabled = deepEqual(draft, value);\n\n    return (\n      <Popover open={open} onOpenChange={handleOpenChange}>\n        <PopoverTrigger\n          ref={ref}\n          render={\n            <Button\n              variant=\"secondary\"\n              className={cn(\n                'group data-[popup-open]:border-[var(--ui-button-secondary-container-border-color-active)] data-[popup-open]:bg-[var(--ui-button-secondary-container-color-active)] data-[popup-open]:text-[var(--ui-button-secondary-label-color-active)]',\n                className\n              )}\n              {...rest}\n            />\n          }\n        >\n          {label}\n          <ChevronDownIcon\n            size={16}\n            className=\"transition-transform group-data-[popup-open]:rotate-180\"\n          />\n        </PopoverTrigger>\n        <PopoverContent\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          portalContainer={portalContainer}\n          collisionBoundary={collisionBoundary}\n          positionMethod={positionMethod}\n          className={cn('w-96 p-0', contentClassName)}\n        >\n          <form\n            onSubmit={(event) => {\n              event.preventDefault();\n              handleApply();\n            }}\n          >\n            <div className=\"flex max-h-80 flex-col gap-4 overflow-y-auto p-4\">\n              <FilterSearchFiltersContext.Provider value={filterContext}>\n                {children}\n              </FilterSearchFiltersContext.Provider>\n            </div>\n            <div className=\"flex items-center gap-2 border-t border-border p-4\">\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                disabled={resetDisabled}\n                onClick={handleReset}\n              >\n                {resetFiltersLabel}\n              </Button>\n              <div className=\"ms-auto flex items-center gap-2\">\n                <Button\n                  type=\"button\"\n                  variant=\"secondary\"\n                  onClick={handleCancel}\n                >\n                  {cancelLabel}\n                </Button>\n                <Button\n                  type=\"submit\"\n                  variant=\"default\"\n                  disabled={applyDisabled}\n                >\n                  {applyLabel}\n                </Button>\n              </div>\n            </div>\n          </form>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n);\nFilterSearchFilters.displayName = 'FilterSearchFilters';\n\nfunction defaultFilterChipLabel(key: string, value: unknown): string {\n  const text = Array.isArray(value)\n    ? value.map((entry) => String(entry)).join(', ')\n    : typeof value === 'object' && value !== null\n      ? JSON.stringify(value)\n      : String(value);\n  return `${key}: ${text}`;\n}\n\nexport interface FilterSearchAppliedFiltersProps\n  extends Omit<FilterChipsProps, 'children'> {\n  /** The currently applied filter values, keyed by an arbitrary consumer-chosen id. */\n  filters: Record<string, unknown>;\n  /** Called with the remaining filters when a chip is removed or \"Reset filters\" clears all. */\n  onValueChange: (next: Record<string, unknown>) => void;\n  /** Format an applied-filter chip's label. Defaults to `\"<key>: <value>\"`. */\n  getFilterChipLabel?: (key: string, value: unknown) => React.ReactNode;\n  /** Format a filter chip's remove-button accessible label. Defaults to `\"Remove <key> filter\"`. */\n  getRemoveFilterLabel?: (key: string) => string;\n  /** Label for the \"Reset filters\" action. */\n  resetFiltersLabel?: React.ReactNode;\n}\n\n/**\n * Renders one removable chip per applied filter plus a \"Reset filters\" action\n * that clears all filters immediately (no popover involved). Renders nothing\n * when `filters` is empty.\n */\nconst FilterSearchAppliedFilters = React.forwardRef<\n  HTMLDivElement,\n  FilterSearchAppliedFiltersProps\n>(\n  (\n    {\n      className,\n      filters,\n      onValueChange,\n      getFilterChipLabel,\n      getRemoveFilterLabel = (key) => `Remove ${key} filter`,\n      resetFiltersLabel = 'Reset filters',\n      ...props\n    },\n    ref\n  ) => {\n    const keys = Object.keys(filters);\n    if (keys.length === 0) return null;\n\n    const handleRemove = (key: string) => {\n      const next = { ...filters };\n      delete next[key];\n      onValueChange(next);\n    };\n\n    return (\n      <FilterChips ref={ref} className={className} {...props}>\n        <FilterChipsList>\n          {keys.map((key) => (\n            <Chip\n              key={key}\n              variant=\"removable\"\n              onRemove={() => handleRemove(key)}\n              removeLabel={getRemoveFilterLabel(key)}\n            >\n              {getFilterChipLabel\n                ? getFilterChipLabel(key, filters[key])\n                : defaultFilterChipLabel(key, filters[key])}\n            </Chip>\n          ))}\n          <FilterChipsReset onClick={() => onValueChange({})}>\n            {resetFiltersLabel}\n          </FilterChipsReset>\n        </FilterChipsList>\n      </FilterChips>\n    );\n  }\n);\nFilterSearchAppliedFilters.displayName = 'FilterSearchAppliedFilters';\n\nexport {\n  FilterSearch,\n  FilterSearchActions,\n  FilterSearchFilters,\n  FilterSearchAppliedFilters,\n};\n"],"names":["FilterSearch","React","className","props","ref","jsx","cn","FilterSearchActions","FilterSearchFiltersContext","useFilterSearchFilters","context","FilterSearchFilters","value","onValueChange","onApply","label","resetFiltersLabel","cancelLabel","applyLabel","children","contentClassName","side","align","sideOffset","portalContainer","collisionBoundary","positionMethod","rest","open","setOpen","draft","setDraft","handleOpenChange","nextOpen","setFilter","key","filterValue","previous","next","filterContext","handleReset","handleCancel","handleApply","resetDisabled","applyDisabled","deepEqual","jsxs","Popover","PopoverTrigger","Button","ChevronDownIcon","PopoverContent","event","defaultFilterChipLabel","text","entry","FilterSearchAppliedFilters","filters","getFilterChipLabel","getRemoveFilterLabel","keys","handleRemove","FilterChips","FilterChipsList","Chip","FilterChipsReset"],"mappings":"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"}