@etus/ui 0.4.0-beta.1 → 0.4.0-beta.3

package/dist/chunk-DZALMUQD.js

@@ -0,0 +1,482 @@
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WBE6VQOO.js';
+import { TextInput } from './chunk-PWCMCMDN.js';
+import { Button } from './chunk-RPV77BCQ.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { X, PlusCircle, Trash2 } from 'lucide-react';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/components/data-display/DataTable/FilterBuilder/FilterBuilder.types.ts
+function isFilterGroup(item) {
+  return "logic" in item && "conditions" in item;
+}
+function isFilterCondition(item) {
+  return "column" in item && "operator" in item;
+}
+var OPERATOR_LABELS = {
+  // Text
+  contains: "Contains",
+  notContains: "Does not contain",
+  equals: "Equals",
+  notEquals: "Does not equal",
+  startsWith: "Starts with",
+  endsWith: "Ends with",
+  isEmpty: "Is empty",
+  isNotEmpty: "Is not empty",
+  // Number
+  gt: "Greater than",
+  gte: "Greater than or equal",
+  lt: "Less than",
+  lte: "Less than or equal",
+  between: "Between",
+  // Date
+  before: "Before",
+  after: "After",
+  dateBetween: "Date between",
+  // Select
+  in: "Is any of",
+  notIn: "Is none of"
+};
+var OPERATORS_BY_TYPE = {
+  text: ["contains", "notContains", "equals", "notEquals", "startsWith", "endsWith", "isEmpty", "isNotEmpty"],
+  number: ["equals", "notEquals", "gt", "gte", "lt", "lte", "between"],
+  date: ["equals", "notEquals", "before", "after", "dateBetween"],
+  select: ["equals", "notEquals", "in", "notIn"]
+};
+function generateId() {
+  return Math.random().toString(36).slice(2, 11);
+}
+function createEmptyCondition(columnId) {
+  return {
+    id: generateId(),
+    column: columnId ?? "",
+    operator: "contains",
+    value: ""
+  };
+}
+function createEmptyGroup() {
+  return {
+    id: generateId(),
+    logic: "AND",
+    conditions: []
+  };
+}
+function FilterConditionRow({
+  condition,
+  columns,
+  onChange,
+  onRemove
+}) {
+  const selectedColumn = columns.find((col) => col.id === condition.column);
+  const availableOperators = selectedColumn ? OPERATORS_BY_TYPE[selectedColumn.type] : OPERATORS_BY_TYPE.text;
+  const needsValue = !["isEmpty", "isNotEmpty"].includes(condition.operator);
+  const needsSecondValue = ["between", "dateBetween"].includes(condition.operator);
+  const handleColumnChange = (columnId) => {
+    const newColumn = columns.find((col) => col.id === columnId);
+    const newOperators = newColumn ? OPERATORS_BY_TYPE[newColumn.type] : OPERATORS_BY_TYPE.text;
+    onChange({
+      ...condition,
+      column: columnId,
+      operator: newOperators[0] ?? "equals",
+      value: "",
+      value2: void 0
+    });
+  };
+  const handleOperatorChange = (operator) => {
+    onChange({
+      ...condition,
+      operator,
+      value: ["isEmpty", "isNotEmpty"].includes(operator) ? "" : condition.value,
+      value2: void 0
+    });
+  };
+  const handleValueChange = (value) => {
+    onChange({ ...condition, value });
+  };
+  const handleValue2Change = (value2) => {
+    onChange({ ...condition, value2 });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": `Filter condition: ${selectedColumn?.label ?? "Select column"}`,
+      className: "flex flex-wrap items-center gap-2",
+      "data-slot": "filter-condition",
+      role: "group",
+      children: [
+        /* @__PURE__ */ jsxs(Select, { value: condition.column, onValueChange: handleColumnChange, children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              "aria-label": "Column",
+              className: "w-36",
+              size: "sm",
+              children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select column" })
+            }
+          ),
+          /* @__PURE__ */ jsx(SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsx(SelectItem, { value: col.id, children: col.label }, col.id)) })
+        ] }),
+        condition.column && /* @__PURE__ */ jsxs(Select, { value: condition.operator, onValueChange: handleOperatorChange, children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              "aria-label": "Operator",
+              className: "w-40",
+              size: "sm",
+              children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select operator" })
+            }
+          ),
+          /* @__PURE__ */ jsx(SelectContent, { children: availableOperators.map((op) => /* @__PURE__ */ jsx(SelectItem, { value: op, children: OPERATOR_LABELS[op] }, op)) })
+        ] }),
+        needsValue && condition.column && (selectedColumn?.type === "select" && selectedColumn.options ? /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: condition.value,
+            onValueChange: handleValueChange,
+            children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  "aria-label": "Value",
+                  className: "w-36",
+                  size: "sm",
+                  children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select value" })
+                }
+              ),
+              /* @__PURE__ */ jsx(SelectContent, { children: selectedColumn.options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option, children: option }, option)) })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            "aria-label": "Value",
+            className: "w-36",
+            placeholder: "Enter value",
+            size: "sm",
+            type: selectedColumn?.type === "number" ? "number" : selectedColumn?.type === "date" ? "date" : "text",
+            value: condition.value,
+            onChange: (e) => {
+              handleValueChange(e.target.value);
+            }
+          }
+        )),
+        needsSecondValue && condition.column && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-[color:var(--text-muted)]", children: "and" }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              "aria-label": "Value",
+              className: "w-36",
+              placeholder: "Enter value",
+              size: "sm",
+              type: selectedColumn?.type === "number" ? "number" : selectedColumn?.type === "date" ? "date" : "text",
+              value: typeof condition.value2 === "string" ? condition.value2 : typeof condition.value2 === "number" ? condition.value2.toString() : "",
+              onChange: (e) => {
+                handleValue2Change(e.target.value);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "aria-label": "Remove condition",
+            className: "text-[color:var(--text-muted)] hover:text-[color:var(--text-destructive)]",
+            size: "icon-sm",
+            type: "button",
+            variant: "ghost",
+            onClick: onRemove,
+            children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function FilterGroupComponent({
+  group,
+  columns,
+  depth,
+  onChange,
+  onRemove,
+  isRoot = false
+}) {
+  const handleLogicToggle = () => {
+    onChange({
+      ...group,
+      logic: group.logic === "AND" ? "OR" : "AND"
+    });
+  };
+  const handleAddCondition = () => {
+    const defaultColumn = columns[0]?.id ?? "";
+    onChange({
+      ...group,
+      conditions: [...group.conditions, createEmptyCondition(defaultColumn)]
+    });
+  };
+  const handleAddGroup = () => {
+    onChange({
+      ...group,
+      conditions: [...group.conditions, createEmptyGroup()]
+    });
+  };
+  const handleConditionChange = (index, item) => {
+    const newConditions = [...group.conditions];
+    newConditions[index] = item;
+    onChange({ ...group, conditions: newConditions });
+  };
+  const handleConditionRemove = (index) => {
+    onChange({
+      ...group,
+      conditions: group.conditions.filter((_, i) => i !== index)
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-md border p-3",
+        isRoot ? "border-[color:var(--border-default)] bg-[color:var(--surface-default)]" : "border-dashed border-[color:var(--border-muted)] bg-[color:var(--surface-muted)] ml-4"
+      ),
+      "aria-label": `Filter group with ${group.logic} logic`,
+      "data-slot": "filter-group",
+      role: "group",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": group.logic,
+              "aria-pressed": group.logic === "AND",
+              className: "min-w-16 font-medium",
+              size: "sm",
+              type: "button",
+              variant: group.logic === "AND" ? "secondary-color" : "outline",
+              onClick: handleLogicToggle,
+              children: group.logic
+            }
+          ),
+          !isRoot && onRemove && /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": "Remove group",
+              className: "ml-auto text-[color:var(--text-muted)] hover:text-[color:var(--text-destructive)]",
+              size: "icon-sm",
+              type: "button",
+              variant: "ghost",
+              onClick: onRemove,
+              children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: group.conditions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-4 text-center text-sm text-[color:var(--text-muted)]", children: 'No conditions. Click "Add Condition" to create one.' }) : group.conditions.map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          index > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium uppercase text-[color:var(--text-muted)]", children: group.logic }),
+            /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-[color:var(--border-muted)]" })
+          ] }),
+          isFilterGroup(item) ? /* @__PURE__ */ jsx(
+            FilterGroupComponent,
+            {
+              columns,
+              depth: depth + 1,
+              group: item,
+              onChange: (updated) => {
+                handleConditionChange(index, updated);
+              },
+              onRemove: () => {
+                handleConditionRemove(index);
+              }
+            }
+          ) : isFilterCondition(item) ? /* @__PURE__ */ jsx(
+            FilterConditionRow,
+            {
+              columns,
+              condition: item,
+              onChange: (updated) => {
+                handleConditionChange(index, updated);
+              },
+              onRemove: () => {
+                handleConditionRemove(index);
+              }
+            }
+          ) : null
+        ] }, item.id)) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              className: "gap-1",
+              size: "sm",
+              type: "button",
+              variant: "outline",
+              onClick: handleAddCondition,
+              children: [
+                /* @__PURE__ */ jsx(PlusCircle, { className: "size-3" }),
+                "Add Condition"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              className: "gap-1",
+              size: "sm",
+              type: "button",
+              variant: "outline",
+              onClick: handleAddGroup,
+              children: [
+                /* @__PURE__ */ jsx(PlusCircle, { className: "size-3" }),
+                "Add Group"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function FilterBuilder({
+  className,
+  columns,
+  filter,
+  onDeletePreset,
+  onFilterChange,
+  onSavePreset,
+  presets
+}) {
+  const [presetName, setPresetName] = React.useState("");
+  const [showSaveInput, setShowSaveInput] = React.useState(false);
+  const handleFilterChange = (updatedFilter) => {
+    onFilterChange(updatedFilter);
+  };
+  const handleSavePreset = () => {
+    if (!onSavePreset || !presetName.trim()) return;
+    onSavePreset({
+      id: Math.random().toString(36).slice(2, 11),
+      name: presetName.trim(),
+      filter: structuredClone(filter)
+    });
+    setPresetName("");
+    setShowSaveInput(false);
+  };
+  const handleLoadPreset = (preset) => {
+    onFilterChange(structuredClone(preset.filter));
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": "Filter builder",
+      className: cn("space-y-3", className),
+      "data-slot": "filter-builder",
+      role: "region",
+      children: [
+        presets && presets.length > 0 || onSavePreset ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", "data-slot": "filter-presets", children: [
+          presets?.map((preset) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "gap-1",
+                size: "sm",
+                type: "button",
+                variant: "outline",
+                onClick: () => {
+                  handleLoadPreset(preset);
+                },
+                children: preset.name
+              }
+            ),
+            onDeletePreset && /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": `Delete preset ${preset.name}`,
+                size: "icon-sm",
+                type: "button",
+                variant: "ghost",
+                onClick: () => {
+                  onDeletePreset(preset.id);
+                },
+                children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+              }
+            )
+          ] }, preset.id)),
+          onSavePreset && (showSaveInput ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                "aria-label": "Preset name",
+                className: "h-7 w-32",
+                placeholder: "Preset name",
+                size: "sm",
+                value: presetName,
+                onChange: (e) => {
+                  setPresetName(e.target.value);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") handleSavePreset();
+                  if (e.key === "Escape") {
+                    setShowSaveInput(false);
+                    setPresetName("");
+                  }
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                disabled: !presetName.trim(),
+                size: "sm",
+                type: "button",
+                variant: "secondary-color",
+                onClick: handleSavePreset,
+                children: "Save"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                type: "button",
+                variant: "ghost",
+                onClick: () => {
+                  setShowSaveInput(false);
+                  setPresetName("");
+                },
+                children: "Cancel"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs(
+            Button,
+            {
+              className: "gap-1",
+              size: "sm",
+              type: "button",
+              variant: "outline",
+              onClick: () => {
+                setShowSaveInput(true);
+              },
+              children: [
+                /* @__PURE__ */ jsx(PlusCircle, { className: "size-3" }),
+                "Save Preset"
+              ]
+            }
+          ))
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          FilterGroupComponent,
+          {
+            isRoot: true,
+            columns,
+            depth: 0,
+            group: filter,
+            onChange: handleFilterChange
+          }
+        )
+      ]
+    }
+  );
+}
+FilterBuilder.displayName = "FilterBuilder";
+
+export { FilterBuilder, isFilterCondition, isFilterGroup };
+//# sourceMappingURL=chunk-DZALMUQD.js.map
+//# sourceMappingURL=chunk-DZALMUQD.js.map

package/dist/chunk-DZALMUQD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataTable/FilterBuilder/FilterBuilder.types.ts","../src/components/data-display/DataTable/FilterBuilder/FilterBuilder.tsx"],"names":["Fragment"],"mappings":"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","file":"chunk-DZALMUQD.js","sourcesContent":["/**\n * Filter operators for different field types\n */\nexport type FilterOperator =\n  // Text operators\n  | \"after\"\n  | \"before\"\n  | \"between\"\n  | \"contains\"\n  | \"dateBetween\"\n  | \"endsWith\"\n  | \"equals\"\n  | \"gt\"\n  // Number operators\n  | \"gte\"\n  | \"in\"\n  | \"isEmpty\"\n  | \"isNotEmpty\"\n  | \"lt\"\n  // Date operators\n  | \"lte\"\n  | \"notContains\"\n  | \"notEquals\"\n  // Select operators\n  | \"notIn\"\n  | \"startsWith\"\n\n/**\n * A single filter condition\n */\nexport interface FilterCondition {\n  /** Column/field to filter on */\n  column: string\n  /** Unique identifier for the condition */\n  id: string\n  /** Comparison operator */\n  operator: FilterOperator\n  /** Primary value for comparison */\n  value: unknown\n  /** Secondary value for \"between\" operators */\n  value2?: unknown\n}\n\n/**\n * A group of filter conditions with AND/OR logic\n */\nexport interface FilterGroup {\n  /** Conditions or nested groups */\n  conditions: (FilterCondition | FilterGroup)[]\n  /** Unique identifier for the group */\n  id: string\n  /** Logical operator for combining conditions */\n  logic: \"AND\" | \"OR\"\n}\n\n/**\n * A saved filter preset\n */\nexport interface FilterPreset {\n  /** The filter configuration */\n  filter: FilterGroup\n  /** Unique identifier for the preset */\n  id: string\n  /** Display name for the preset */\n  name: string\n}\n\n/**\n * Column configuration for the filter builder\n */\nexport interface FilterBuilderColumn {\n  /** Column identifier */\n  id: string\n  /** Display label */\n  label: string\n  /** Options for select type columns */\n  options?: string[]\n  /** Data type for operator selection */\n  type: \"date\" | \"number\" | \"select\" | \"text\"\n}\n\n/**\n * FilterBuilder component props\n */\nexport interface FilterBuilderProps {\n  /** Additional CSS classes */\n  className?: string\n  /** Available columns for filtering */\n  columns: FilterBuilderColumn[]\n  /** Current filter configuration */\n  filter: FilterGroup\n  /** Callback to delete a preset */\n  onDeletePreset?: (presetId: string) => void\n  /** Callback when filter changes */\n  onFilterChange: (filter: FilterGroup) => void\n  /** Callback to save a new preset */\n  onSavePreset?: (preset: FilterPreset) => void\n  /** Saved filter presets */\n  presets?: FilterPreset[]\n}\n\n/**\n * Type guard to check if an item is a FilterGroup\n */\nexport function isFilterGroup(\n  item: FilterCondition | FilterGroup\n): item is FilterGroup {\n  return \"logic\" in item && \"conditions\" in item\n}\n\n/**\n * Type guard to check if an item is a FilterCondition\n */\nexport function isFilterCondition(\n  item: FilterCondition | FilterGroup\n): item is FilterCondition {\n  return \"column\" in item && \"operator\" in item\n}\n","// FilterBuilder/FilterBuilder.tsx\n\"use client\"\n\nimport type {\n  FilterBuilderColumn,\n  FilterBuilderProps,\n  FilterCondition,\n  FilterGroup,\n  FilterOperator,\n  FilterPreset,\n} from \"./FilterBuilder.types\"\n\nimport { PlusCircle, Trash2, X } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../../lib/utils\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../../forms/Select\"\nimport { TextInput } from \"../../../forms/TextInput\"\nimport { Button } from \"../../../primitives/Button\"\nimport { isFilterCondition, isFilterGroup } from \"./FilterBuilder.types\"\n\n// ============================================\n// CONSTANTS\n// ============================================\n\n/**\n * Operator labels for display\n */\nconst OPERATOR_LABELS: Record<FilterOperator, string> = {\n  // Text\n  contains: \"Contains\",\n  notContains: \"Does not contain\",\n  equals: \"Equals\",\n  notEquals: \"Does not equal\",\n  startsWith: \"Starts with\",\n  endsWith: \"Ends with\",\n  isEmpty: \"Is empty\",\n  isNotEmpty: \"Is not empty\",\n  // Number\n  gt: \"Greater than\",\n  gte: \"Greater than or equal\",\n  lt: \"Less than\",\n  lte: \"Less than or equal\",\n  between: \"Between\",\n  // Date\n  before: \"Before\",\n  after: \"After\",\n  dateBetween: \"Date between\",\n  // Select\n  in: \"Is any of\",\n  notIn: \"Is none of\",\n}\n\n/**\n * Operators available by column type\n */\nconst OPERATORS_BY_TYPE: Record<FilterBuilderColumn[\"type\"], FilterOperator[]> = {\n  text: [\"contains\", \"notContains\", \"equals\", \"notEquals\", \"startsWith\", \"endsWith\", \"isEmpty\", \"isNotEmpty\"],\n  number: [\"equals\", \"notEquals\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n  date: [\"equals\", \"notEquals\", \"before\", \"after\", \"dateBetween\"],\n  select: [\"equals\", \"notEquals\", \"in\", \"notIn\"],\n}\n\n/**\n * Generate a unique ID\n */\nfunction generateId(): string {\n  return Math.random().toString(36).slice(2, 11)\n}\n\n/**\n * Create an empty condition\n */\nfunction createEmptyCondition(columnId?: string): FilterCondition {\n  return {\n    id: generateId(),\n    column: columnId ?? \"\",\n    operator: \"contains\",\n    value: \"\",\n  }\n}\n\n/**\n * Create an empty group\n */\nfunction createEmptyGroup(): FilterGroup {\n  return {\n    id: generateId(),\n    logic: \"AND\",\n    conditions: [],\n  }\n}\n\n// ============================================\n// FILTER CONDITION COMPONENT\n// ============================================\n\ninterface FilterConditionRowProps {\n  columns: FilterBuilderColumn[]\n  condition: FilterCondition\n  onChange: (condition: FilterCondition) => void\n  onRemove: () => void\n}\n\nfunction FilterConditionRow({\n  condition,\n  columns,\n  onChange,\n  onRemove,\n}: FilterConditionRowProps) {\n  const selectedColumn = columns.find((col) => col.id === condition.column)\n  const availableOperators = selectedColumn\n    ? OPERATORS_BY_TYPE[selectedColumn.type]\n    : OPERATORS_BY_TYPE.text\n\n  const needsValue = ![\"isEmpty\", \"isNotEmpty\"].includes(condition.operator)\n  const needsSecondValue = [\"between\", \"dateBetween\"].includes(condition.operator)\n\n  const handleColumnChange = (columnId: string) => {\n    const newColumn = columns.find((col) => col.id === columnId)\n    const newOperators = newColumn\n      ? OPERATORS_BY_TYPE[newColumn.type]\n      : OPERATORS_BY_TYPE.text\n\n    onChange({\n      ...condition,\n      column: columnId,\n      operator: newOperators[0] ?? \"equals\",\n      value: \"\",\n      value2: undefined,\n    })\n  }\n\n  const handleOperatorChange = (operator: string) => {\n    onChange({\n      ...condition,\n      operator: operator as FilterOperator,\n      value: [\"isEmpty\", \"isNotEmpty\"].includes(operator) ? \"\" : condition.value,\n      value2: undefined,\n    })\n  }\n\n  const handleValueChange = (value: string) => {\n    onChange({ ...condition, value })\n  }\n\n  const handleValue2Change = (value2: string) => {\n    onChange({ ...condition, value2 })\n  }\n\n  return (\n    <div\n      aria-label={`Filter condition: ${selectedColumn?.label ?? \"Select column\"}`}\n      className=\"flex flex-wrap items-center gap-2\"\n      data-slot=\"filter-condition\"\n      role=\"group\"\n    >\n      {/* Column Select */}\n      <Select value={condition.column} onValueChange={handleColumnChange}>\n        <SelectTrigger\n          aria-label=\"Column\"\n          className=\"w-36\"\n          size=\"sm\"\n        >\n          <SelectValue placeholder=\"Select column\" />\n        </SelectTrigger>\n        <SelectContent>\n          {columns.map((col) => (\n            <SelectItem key={col.id} value={col.id}>\n              {col.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n\n      {/* Operator Select */}\n      {condition.column && (\n        <Select value={condition.operator} onValueChange={handleOperatorChange}>\n          <SelectTrigger\n            aria-label=\"Operator\"\n            className=\"w-40\"\n            size=\"sm\"\n          >\n            <SelectValue placeholder=\"Select operator\" />\n          </SelectTrigger>\n          <SelectContent>\n            {availableOperators.map((op) => (\n              <SelectItem key={op} value={op}>\n                {OPERATOR_LABELS[op]}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      )}\n\n      {/* Value Input */}\n      {needsValue && condition.column && (\n        selectedColumn?.type === \"select\" && selectedColumn.options ? (\n          <Select\n            value={condition.value as string}\n            onValueChange={handleValueChange}\n          >\n            <SelectTrigger\n              aria-label=\"Value\"\n              className=\"w-36\"\n              size=\"sm\"\n            >\n              <SelectValue placeholder=\"Select value\" />\n            </SelectTrigger>\n            <SelectContent>\n              {selectedColumn.options.map((option) => (\n                <SelectItem key={option} value={option}>\n                  {option}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        ) : (\n          <TextInput\n            aria-label=\"Value\"\n            className=\"w-36\"\n            placeholder=\"Enter value\"\n            size=\"sm\"\n            type={selectedColumn?.type === \"number\" ? \"number\" : selectedColumn?.type === \"date\" ? \"date\" : \"text\"}\n            value={condition.value as string}\n            onChange={(e) => { handleValueChange(e.target.value); }}\n          />\n        )\n      )}\n\n      {/* Second Value (for between operators) */}\n      {needsSecondValue && condition.column && (\n        <>\n          <span className=\"text-sm text-[color:var(--text-muted)]\">and</span>\n          <TextInput\n            aria-label=\"Value\"\n            className=\"w-36\"\n            placeholder=\"Enter value\"\n            size=\"sm\"\n            type={selectedColumn?.type === \"number\" ? \"number\" : selectedColumn?.type === \"date\" ? \"date\" : \"text\"}\n            value={typeof condition.value2 === \"string\" ? condition.value2 : typeof condition.value2 === \"number\" ? condition.value2.toString() : \"\"}\n            onChange={(e) => { handleValue2Change(e.target.value); }}\n          />\n        </>\n      )}\n\n      {/* Remove Button */}\n      <Button\n        aria-label=\"Remove condition\"\n        className=\"text-[color:var(--text-muted)] hover:text-[color:var(--text-destructive)]\"\n        size=\"icon-sm\"\n        type=\"button\"\n        variant=\"ghost\"\n        onClick={onRemove}\n      >\n        <X className=\"size-4\" />\n      </Button>\n    </div>\n  )\n}\n\n// ============================================\n// FILTER GROUP COMPONENT\n// ============================================\n\ninterface FilterGroupComponentProps {\n  columns: FilterBuilderColumn[]\n  depth: number\n  group: FilterGroup\n  isRoot?: boolean\n  onChange: (group: FilterGroup) => void\n  onRemove?: () => void\n}\n\nfunction FilterGroupComponent({\n  group,\n  columns,\n  depth,\n  onChange,\n  onRemove,\n  isRoot = false,\n}: FilterGroupComponentProps) {\n  const handleLogicToggle = () => {\n    onChange({\n      ...group,\n      logic: group.logic === \"AND\" ? \"OR\" : \"AND\",\n    })\n  }\n\n  const handleAddCondition = () => {\n    const defaultColumn = columns[0]?.id ?? \"\"\n    onChange({\n      ...group,\n      conditions: [...group.conditions, createEmptyCondition(defaultColumn)],\n    })\n  }\n\n  const handleAddGroup = () => {\n    onChange({\n      ...group,\n      conditions: [...group.conditions, createEmptyGroup()],\n    })\n  }\n\n  const handleConditionChange = (index: number, item: FilterCondition | FilterGroup) => {\n    const newConditions = [...group.conditions]\n    newConditions[index] = item\n    onChange({ ...group, conditions: newConditions })\n  }\n\n  const handleConditionRemove = (index: number) => {\n    onChange({\n      ...group,\n      conditions: group.conditions.filter((_, i) => i !== index),\n    })\n  }\n\n  return (\n    <div\n      className={cn(\n        \"rounded-md border p-3\",\n        isRoot\n          ? \"border-[color:var(--border-default)] bg-[color:var(--surface-default)]\"\n          : \"border-dashed border-[color:var(--border-muted)] bg-[color:var(--surface-muted)] ml-4\"\n      )}\n      aria-label={`Filter group with ${group.logic} logic`}\n      data-slot=\"filter-group\"\n      role=\"group\"\n    >\n      {/* Group Header */}\n      <div className=\"mb-3 flex items-center gap-2\">\n        {/* Logic Toggle */}\n        <Button\n          aria-label={group.logic}\n          aria-pressed={group.logic === \"AND\"}\n          className=\"min-w-16 font-medium\"\n          size=\"sm\"\n          type=\"button\"\n          variant={group.logic === \"AND\" ? \"secondary-color\" : \"outline\"}\n          onClick={handleLogicToggle}\n        >\n          {group.logic}\n        </Button>\n\n        {/* Remove Group Button */}\n        {!isRoot && onRemove && (\n          <Button\n            aria-label=\"Remove group\"\n            className=\"ml-auto text-[color:var(--text-muted)] hover:text-[color:var(--text-destructive)]\"\n            size=\"icon-sm\"\n            type=\"button\"\n            variant=\"ghost\"\n            onClick={onRemove}\n          >\n            <Trash2 className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n\n      {/* Conditions */}\n      <div className=\"space-y-2\">\n        {group.conditions.length === 0 ? (\n          <div className=\"py-4 text-center text-sm text-[color:var(--text-muted)]\">\n            No conditions. Click &quot;Add Condition&quot; to create one.\n          </div>\n        ) : (\n          group.conditions.map((item, index) => (\n            <React.Fragment key={item.id}>\n              {/* Logic label between conditions */}\n              {index > 0 && (\n                <div className=\"flex items-center gap-2 py-1\">\n                  <span className=\"text-xs font-medium uppercase text-[color:var(--text-muted)]\">\n                    {group.logic}\n                  </span>\n                  <div className=\"h-px flex-1 bg-[color:var(--border-muted)]\" />\n                </div>\n              )}\n\n              {isFilterGroup(item) ? (\n                <FilterGroupComponent\n                  columns={columns}\n                  depth={depth + 1}\n                  group={item}\n                  onChange={(updated) => { handleConditionChange(index, updated); }}\n                  onRemove={() => { handleConditionRemove(index); }}\n                />\n              ) : isFilterCondition(item) ? (\n                <FilterConditionRow\n                  columns={columns}\n                  condition={item}\n                  onChange={(updated) => { handleConditionChange(index, updated); }}\n                  onRemove={() => { handleConditionRemove(index); }}\n                />\n              ) : null}\n            </React.Fragment>\n          ))\n        )}\n      </div>\n\n      {/* Action Buttons */}\n      <div className=\"mt-3 flex items-center gap-2\">\n        <Button\n          className=\"gap-1\"\n          size=\"sm\"\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleAddCondition}\n        >\n          <PlusCircle className=\"size-3\" />\n          Add Condition\n        </Button>\n\n        <Button\n          className=\"gap-1\"\n          size=\"sm\"\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleAddGroup}\n        >\n          <PlusCircle className=\"size-3\" />\n          Add Group\n        </Button>\n      </div>\n    </div>\n  )\n}\n\n// ============================================\n// MAIN FILTER BUILDER COMPONENT\n// ============================================\n\n/**\n * FilterBuilder - Visual interface for building complex filter conditions\n *\n * Supports AND/OR logic with nested groups, multiple operators per field type,\n * and various value input types.\n *\n * @example\n * ```tsx\n * const columns = [\n *   { id: \"name\", label: \"Name\", type: \"text\" },\n *   { id: \"age\", label: \"Age\", type: \"number\" },\n *   { id: \"status\", label: \"Status\", type: \"select\", options: [\"active\", \"inactive\"] },\n * ]\n *\n * <FilterBuilder\n *   columns={columns}\n *   filter={filter}\n *   onFilterChange={setFilter}\n * />\n * ```\n */\nfunction FilterBuilder({\n  className,\n  columns,\n  filter,\n  onDeletePreset,\n  onFilterChange,\n  onSavePreset,\n  presets,\n}: FilterBuilderProps) {\n  const [presetName, setPresetName] = React.useState(\"\")\n  const [showSaveInput, setShowSaveInput] = React.useState(false)\n\n  const handleFilterChange = (updatedFilter: FilterGroup) => {\n    onFilterChange(updatedFilter)\n  }\n\n  const handleSavePreset = () => {\n    if (!onSavePreset || !presetName.trim()) return\n    onSavePreset({\n      id: Math.random().toString(36).slice(2, 11),\n      name: presetName.trim(),\n      filter: structuredClone(filter),\n    })\n    setPresetName(\"\")\n    setShowSaveInput(false)\n  }\n\n  const handleLoadPreset = (preset: FilterPreset) => {\n    onFilterChange(structuredClone(preset.filter))\n  }\n\n  return (\n    <div\n      aria-label=\"Filter builder\"\n      className={cn(\"space-y-3\", className)}\n      data-slot=\"filter-builder\"\n      role=\"region\"\n    >\n      {/* Filter Presets */}\n      {(presets && presets.length > 0) || onSavePreset ? (\n        <div className=\"flex flex-wrap items-center gap-2\" data-slot=\"filter-presets\">\n          {presets?.map((preset) => (\n            <div key={preset.id} className=\"flex items-center gap-1\">\n              <Button\n                className=\"gap-1\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => { handleLoadPreset(preset); }}\n              >\n                {preset.name}\n              </Button>\n              {onDeletePreset && (\n                <Button\n                  aria-label={`Delete preset ${preset.name}`}\n                  size=\"icon-sm\"\n                  type=\"button\"\n                  variant=\"ghost\"\n                  onClick={() => { onDeletePreset(preset.id); }}\n                >\n                  <X className=\"size-3\" />\n                </Button>\n              )}\n            </div>\n          ))}\n          {onSavePreset && (\n            showSaveInput ? (\n              <div className=\"flex items-center gap-1\">\n                <TextInput\n                  aria-label=\"Preset name\"\n                  className=\"h-7 w-32\"\n                  placeholder=\"Preset name\"\n                  size=\"sm\"\n                  value={presetName}\n                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => { setPresetName(e.target.value); }}\n                  onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\n                    if (e.key === \"Enter\") handleSavePreset()\n                    if (e.key === \"Escape\") { setShowSaveInput(false); setPresetName(\"\"); }\n                  }}\n                />\n                <Button\n                  disabled={!presetName.trim()}\n                  size=\"sm\"\n                  type=\"button\"\n                  variant=\"secondary-color\"\n                  onClick={handleSavePreset}\n                >\n                  Save\n                </Button>\n                <Button\n                  size=\"sm\"\n                  type=\"button\"\n                  variant=\"ghost\"\n                  onClick={() => { setShowSaveInput(false); setPresetName(\"\"); }}\n                >\n                  Cancel\n                </Button>\n              </div>\n            ) : (\n              <Button\n                className=\"gap-1\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => { setShowSaveInput(true); }}\n              >\n                <PlusCircle className=\"size-3\" />\n                Save Preset\n              </Button>\n            )\n          )}\n        </div>\n      ) : null}\n\n      <FilterGroupComponent\n        isRoot\n        columns={columns}\n        depth={0}\n        group={filter}\n        onChange={handleFilterChange}\n      />\n    </div>\n  )\n}\n\nFilterBuilder.displayName = \"FilterBuilder\"\n\nexport { FilterBuilder }\n"]}