@acronis-platform/ui-react 4.0.0 → 4.1.0

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

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