@signalflare-ai/ui 0.5.0

package/dist/filters-BdBogf7D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters-BdBogf7D.js","names":[],"sources":["../src/components/filters/helpers.ts","../src/components/filters/filters.tsx"],"sourcesContent":["import type { Filter, FilterFieldConfig, FilterOperator, FilterI18nConfig } from \"./types\";\n\n// ============================================================================\n// Default Operators by Field Type\n// ============================================================================\n\n/** Default operators for text fields */\nexport const DEFAULT_TEXT_OPERATORS: FilterOperator[] = [\n  { value: \"is\", label: \"is\" },\n  { value: \"is_not\", label: \"is not\" },\n  { value: \"contains\", label: \"contains\" },\n  { value: \"does_not_contain\", label: \"does not contain\" },\n  { value: \"starts_with\", label: \"starts with\" },\n  { value: \"ends_with\", label: \"ends with\" },\n  { value: \"is_empty\", label: \"is empty\" },\n  { value: \"is_not_empty\", label: \"is not empty\" },\n];\n\n/** Default operators for select fields */\nexport const DEFAULT_SELECT_OPERATORS: FilterOperator[] = [\n  { value: \"is\", label: \"is\" },\n  { value: \"is_not\", label: \"is not\" },\n  { value: \"is_empty\", label: \"is empty\" },\n  { value: \"is_not_empty\", label: \"is not empty\" },\n];\n\n/** Default operators for multiselect fields */\nexport const DEFAULT_MULTISELECT_OPERATORS: FilterOperator[] = [\n  { value: \"is_any_of\", label: \"is any of\" },\n  { value: \"is_none_of\", label: \"is none of\" },\n  { value: \"is_all_of\", label: \"is all of\" },\n  { value: \"is_empty\", label: \"is empty\" },\n  { value: \"is_not_empty\", label: \"is not empty\" },\n];\n\n/** Map of field types to their default operators */\nexport const DEFAULT_OPERATORS: Record<string, FilterOperator[]> = {\n  text: DEFAULT_TEXT_OPERATORS,\n  select: DEFAULT_SELECT_OPERATORS,\n  multiselect: DEFAULT_MULTISELECT_OPERATORS,\n};\n\n/** Get default operator for a field type */\nexport function getDefaultOperatorForFieldType(\n  type: string,\n  operators?: FilterOperator[]\n): string {\n  if (operators && operators.length > 0) {\n    return operators[0].value;\n  }\n  const defaults = DEFAULT_OPERATORS[type];\n  return defaults?.[0]?.value ?? \"is\";\n}\n\n// ============================================================================\n// Filter Factory Functions\n// ============================================================================\n\n/**\n * Create a new filter with a unique ID.\n *\n * @example\n * ```tsx\n * const filter = createFilter(\"status\", \"is\", [\"active\"]);\n * setFilters(prev => [...prev, filter]);\n * ```\n */\nexport function createFilter(\n  field: string,\n  operator: string,\n  values: string[]\n): Filter {\n  return {\n    id: crypto.randomUUID(),\n    field,\n    operator,\n    values,\n  };\n}\n\n/**\n * Create multiple filters at once, each with a unique ID.\n *\n * @example\n * ```tsx\n * const filters = createFilterGroup([\n *   { field: \"status\", operator: \"is\", values: [\"active\"] },\n *   { field: \"priority\", operator: \"is_any_of\", values: [\"high\", \"critical\"] },\n * ]);\n * ```\n */\nexport function createFilterGroup(\n  filters: Array<Omit<Filter, \"id\">>\n): Filter[] {\n  return filters.map((f) => ({\n    ...f,\n    id: crypto.randomUUID(),\n  }));\n}\n\n// ============================================================================\n// i18n Defaults\n// ============================================================================\n\n/** Default i18n configuration */\nexport const DEFAULT_I18N: FilterI18nConfig = {\n  addFilter: \"Add Filter\",\n  clearAll: \"Clear All\",\n  searchPlaceholder: \"Search fields...\",\n  noResults: \"No fields found\",\n  operators: {\n    is: \"is\",\n    is_not: \"is not\",\n    contains: \"contains\",\n    does_not_contain: \"does not contain\",\n    starts_with: \"starts with\",\n    ends_with: \"ends with\",\n    is_empty: \"is empty\",\n    is_not_empty: \"is not empty\",\n    is_any_of: \"is any of\",\n    is_none_of: \"is none of\",\n    is_all_of: \"is all of\",\n  },\n  valueLabel: \"Value\",\n  noValueLabel: \"None\",\n  removeFilter: \"Remove filter\",\n  changeOperator: \"Change operator\",\n  changeValue: \"Change value\",\n  maxSelectionsReached: \"Maximum selections reached\",\n  validationError: \"Invalid value\",\n};\n\n/** Merge partial i18n config with defaults */\nexport function mergeI18n(partial?: Partial<FilterI18nConfig>): FilterI18nConfig {\n  return {\n    ...DEFAULT_I18N,\n    ...partial,\n    operators: {\n      ...DEFAULT_I18N.operators,\n      ...partial?.operators,\n    },\n  };\n}\n\n// ============================================================================\n// Field Helpers\n// ============================================================================\n\n/** Get operators for a field, falling back to defaults */\nexport function getFieldOperators(field: FilterFieldConfig): FilterOperator[] {\n  if (field.operators && field.operators.length > 0) {\n    return field.operators;\n  }\n  return DEFAULT_OPERATORS[field.type] ?? DEFAULT_TEXT_OPERATORS;\n}\n\n/** Get field configuration by key */\nexport function getFieldByKey(\n  fields: FilterFieldConfig[],\n  key: string\n): FilterFieldConfig | undefined {\n  return fields.find((f) => f.key === key);\n}\n\n/** Group fields by their group property */\nexport function groupFields(fields: FilterFieldConfig[]): Map<string, FilterFieldConfig[]> {\n  const groups = new Map<string, FilterFieldConfig[]>();\n\n  for (const field of fields) {\n    const group = field.group ?? \"Fields\";\n    if (!groups.has(group)) {\n      groups.set(group, []);\n    }\n    groups.get(group)!.push(field);\n  }\n\n  return groups;\n}\n\n/** Check if a filter value is valid for a field */\nexport function validateFilterValue(\n  field: FilterFieldConfig,\n  values: string[]\n): { valid: boolean; message?: string } {\n  // Check max selections\n  if (field.maxSelections && values.length > field.maxSelections) {\n    return {\n      valid: false,\n      message: `Maximum ${field.maxSelections} selections allowed`,\n    };\n  }\n\n  // Run custom validation if provided\n  if (field.validation) {\n    const result = field.validation(values);\n    if (typeof result === \"boolean\") {\n      return { valid: result, message: result ? undefined : \"Invalid value\" };\n    }\n    return result;\n  }\n\n  return { valid: true };\n}\n\n// ============================================================================\n// Value Formatting\n// ============================================================================\n\n/** Format a filter value for display in the filter pill */\nexport function formatFilterValue(\n  values: string[],\n  field: FilterFieldConfig\n): string {\n  // Use custom renderer if provided\n  if (field.customValueRenderer) {\n    // Return a placeholder - the actual rendering happens in React\n    return \"...\";\n  }\n\n  // Empty values\n  if (values.length === 0) {\n    return \"None\";\n  }\n\n  // Single value\n  if (values.length === 1) {\n    const value = values[0];\n    // Try to find option label\n    if (field.options) {\n      const option = field.options.find((o) => o.value === value);\n      if (option) return option.label;\n    }\n    return String(value);\n  }\n\n  // Multiple values\n  if (field.options) {\n    const labels = values.map((v) => {\n      const option = field.options!.find((o) => o.value === v);\n      return option?.label ?? String(v);\n    });\n    return `${labels.slice(0, 2).join(\", \")}${labels.length > 2 ? ` +${labels.length - 2}` : \"\"}`;\n  }\n\n  return `${values.length} selected`;\n}\n\n/** Get the label for a filter value from options */\nexport function getValueLabel(\n  value: string,\n  options?: Array<{ value: string; label: string }>\n): string {\n  if (!options) return String(value);\n  const option = options.find((o) => o.value === value);\n  return option?.label ?? String(value);\n}\n","\"use client\";\n\nimport {\n  Check,\n  CaretDown,\n  MagnifyingGlass,\n  Plus,\n  X,\n} from \"@phosphor-icons/react\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport { Button } from \"../button\";\nimport { Checkbox } from \"../checkbox\";\nimport { DropdownMenu } from \"../dropdown\";\nimport { Input, InputGroup } from \"../input\";\nimport { Popover } from \"../popover\";\nimport { cn } from \"../../utils/cn\";\nimport type {\n  Filter,\n  FilterCustomRendererProps,\n  FilterFieldConfig,\n  FiltersProps,\n  FilterI18nConfig,\n} from \"./types\";\nimport {\n  formatFilterValue,\n  getDefaultOperatorForFieldType,\n  getFieldOperators,\n  groupFields,\n  mergeI18n,\n  validateFilterValue,\n  createFilter,\n  createFilterGroup,\n} from \"./helpers\";\n\nexport { createFilter, createFilterGroup } from \"./helpers\";\n\nexport type {\n  Filter,\n  FilterFieldConfig,\n  FilterOption,\n  FilterOperator,\n  FilterI18nConfig,\n  FiltersProps,\n  FilterCustomRendererProps,\n} from \"./types\";\n\n// ============================================================================\n// Variants\n// ============================================================================\n\n/** Filters size variant definitions */\nexport const SF_FILTERS_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"text-xs\",\n      description: \"Small filter items\",\n    },\n    default: {\n      classes: \"text-sm\",\n      description: \"Default filter items\",\n    },\n    lg: {\n      classes: \"text-base\",\n      description: \"Large filter items\",\n    },\n  },\n} as const;\n\n/** Default variants for Filters */\nexport const SF_FILTERS_DEFAULT_VARIANTS = {\n  size: \"default\",\n} as const;\n\n// ============================================================================\n// Filter Value Editor (internal)\n// ============================================================================\n\ninterface FilterValueEditorProps {\n  field: FilterFieldConfig;\n  values: string[];\n  onChange: (values: string[]) => void;\n  onClose: () => void;\n  i18n: FilterI18nConfig;\n}\n\nfunction FilterValueEditor({\n  field,\n  values,\n  onChange,\n  onClose,\n  i18n,\n}: FilterValueEditorProps) {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [localValues, setLocalValues] = useState<string[]>(values);\n  const [validationError, setValidationError] = useState<string | null>(null);\n\n  const options = useMemo(() => {\n    if (!field.options) return [];\n    if (!searchQuery) return field.options;\n    return field.options.filter((o: { label: string }) =>\n      o.label.toLowerCase().includes(searchQuery.toLowerCase())\n    );\n  }, [field.options, searchQuery]);\n\n  const handleValueChange = useCallback(\n    (newValues: string[]) => {\n      setLocalValues(newValues);\n      const validation = validateFilterValue(field, newValues);\n      if (!validation.valid) {\n        setValidationError(validation.message ?? i18n.validationError);\n      } else {\n        setValidationError(null);\n      }\n    },\n    [field, i18n.validationError]\n  );\n\n  const handleApply = useCallback(() => {\n    const validation = validateFilterValue(field, localValues);\n    if (!validation.valid) {\n      setValidationError(validation.message ?? i18n.validationError);\n      return;\n    }\n    onChange(localValues);\n    onClose();\n  }, [field, localValues, onChange, onClose, i18n.validationError]);\n\n  // Text type\n  if (field.type === \"text\") {\n    return (\n      <div className=\"flex flex-col gap-2 p-2\">\n        <Input\n          value={String(localValues[0] ?? \"\")}\n          onChange={(e) => handleValueChange([e.target.value])}\n          placeholder={field.placeholder}\n          className=\"w-full\"\n        />\n        <div className=\"flex justify-end gap-2\">\n          <Button variant=\"secondary\" size=\"sm\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleApply}>\n            Apply\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  // Select type\n  if (field.type === \"select\") {\n    return (\n      <div className=\"flex max-h-72 flex-col gap-2\">\n        {field.searchable && (\n          <div className=\"border-b border-sf-line pb-2\">\n            <InputGroup className=\"w-full\">\n              <InputGroup.Input\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder={i18n.searchPlaceholder}\n                className=\"w-full\"\n              />\n              <InputGroup.Button>\n                <MagnifyingGlass className=\"size-4\" />\n              </InputGroup.Button>\n            </InputGroup>\n          </div>\n        )}\n        <div className=\"flex flex-col gap-0.5 overflow-auto\">\n          {options.map((option) => (\n            <button\n              key={String(option.value)}\n              type=\"button\"\n              onClick={() => {\n                handleValueChange([option.value]);\n                handleApply();\n              }}\n              className={cn(\n                \"flex items-center justify-between rounded-md px-2 py-1.5 text-sm\",\n                \"hover:bg-sf-tint\",\n                localValues[0] === option.value && \"bg-sf-tint\"\n              )}\n            >\n              <span className=\"flex items-center gap-2\">\n                {option.icon}\n                {option.label}\n              </span>\n              {localValues[0] === option.value && (\n                <Check className=\"size-4 text-sf-brand\" />\n              )}\n            </button>\n          ))}\n          {options.length === 0 && (\n            <div className=\"py-4 text-center text-sm text-sf-subtle\">\n              {i18n.noResults}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Multiselect type\n  if (field.type === \"multiselect\") {\n    const isMaxReached =\n      field.maxSelections !== undefined &&\n      localValues.length >= field.maxSelections;\n\n    return (\n      <div className=\"flex max-h-72 w-56 flex-col gap-2\">\n        {field.searchable && (\n          <div className=\"border-b border-sf-line pb-2\">\n            <InputGroup className=\"w-full\">\n              <InputGroup.Input\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder={i18n.searchPlaceholder}\n                className=\"w-full\"\n              />\n              <InputGroup.Button>\n                <MagnifyingGlass className=\"size-4\" />\n              </InputGroup.Button>\n            </InputGroup>\n          </div>\n        )}\n        <div className=\"flex flex-col gap-0.5 overflow-auto\">\n          {options.map((option) => {\n            const isSelected = localValues.includes(option.value);\n            const isDisabled = isMaxReached && !isSelected;\n\n            return (\n              <label\n                key={String(option.value)}\n                className={cn(\n                  \"flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm\",\n                  !isDisabled && \"hover:bg-sf-tint\",\n                  isDisabled && \"cursor-not-allowed opacity-50\"\n                )}\n              >\n                <Checkbox\n                  checked={isSelected}\n                  disabled={isDisabled}\n                  onCheckedChange={(checked) => {\n                    if (checked) {\n                      handleValueChange([...localValues, option.value]);\n                    } else {\n                      handleValueChange(\n                        localValues.filter((v) => v !== option.value)\n                      );\n                    }\n                  }}\n                />\n                <span className=\"flex items-center gap-2\">\n                  {option.icon}\n                  {option.label}\n                </span>\n              </label>\n            );\n          })}\n          {options.length === 0 && (\n            <div className=\"py-4 text-center text-sm text-sf-subtle\">\n              {i18n.noResults}\n            </div>\n          )}\n        </div>\n        {isMaxReached && (\n          <div className=\"text-xs text-sf-subtle\">\n            {i18n.maxSelectionsReached}\n          </div>\n        )}\n        {validationError && (\n          <div className=\"text-xs text-sf-danger\">{validationError}</div>\n        )}\n        <div className=\"flex justify-end gap-2 border-t border-sf-line pt-2\">\n          <Button variant=\"secondary\" size=\"sm\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleApply}>\n            Apply\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  // Custom type\n  if (field.type === \"custom\" && field.customRenderer) {\n    const props: FilterCustomRendererProps = {\n      values: localValues,\n      onChange: handleValueChange,\n      options: field.options,\n      placeholder: field.placeholder,\n      field,\n      operator: \"is\",\n    };\n\n    return (\n      <div className=\"flex flex-col gap-2 p-2\">\n        {field.customRenderer(props)}\n        <div className=\"flex justify-end gap-2\">\n          <Button variant=\"secondary\" size=\"sm\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleApply}>\n            Apply\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return null;\n}\n\n// ============================================================================\n// Filter Item (internal)\n// ============================================================================\n\ninterface FilterItemProps {\n  filter: Filter;\n  field: FilterFieldConfig;\n  size: \"sm\" | \"default\" | \"lg\";\n  i18n: FilterI18nConfig;\n  onRemove: () => void;\n  onOperatorChange: (operator: string) => void;\n  onValuesChange: (values: string[]) => void;\n}\n\nfunction FilterItem({\n  filter,\n  field,\n  size,\n  i18n,\n  onRemove,\n  onOperatorChange,\n  onValuesChange,\n}: FilterItemProps) {\n  const [valuePopoverOpen, setValuePopoverOpen] = useState(false);\n  const operators = useMemo(() => getFieldOperators(field), [field]);\n\n  const sizeClasses = {\n    sm: \"text-xs py-0.5 px-1.5\",\n    default: \"text-sm py-1 px-2\",\n    lg: \"text-base py-1.5 px-2.5\",\n  };\n\n  const displayValue = useMemo(() => {\n    if (field.customValueRenderer) {\n      return field.customValueRenderer(filter.values, field.options);\n    }\n    return formatFilterValue(filter.values, field);\n  }, [field, filter.values]);\n\n  return (\n    <div\n      className={cn(\n        \"inline-flex items-center gap-0 rounded-md border border-sf-line bg-sf-tint\",\n        sizeClasses[size]\n      )}\n    >\n      {/* Field label */}\n      <span className=\"flex items-center gap-1 whitespace-nowrap font-medium text-sf-default\">\n        {field.icon}\n        {field.label}\n      </span>\n\n      {/* Separator */}\n      <span className=\"mx-1.5 h-3 w-px bg-sf-fill\" />\n\n      {/* Operator dropdown */}\n      <DropdownMenu>\n        <DropdownMenu.Trigger className=\"inline-flex cursor-pointer items-center gap-1 whitespace-nowrap text-sf-strong hover:text-sf-default\">\n          {operators.find((o) => o.value === filter.operator)?.label ??\n            filter.operator}\n          <CaretDown className=\"size-3\" />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content>\n          {operators.map((op) => (\n            <DropdownMenu.Item\n              key={op.value}\n              selected={filter.operator === op.value}\n              onClick={() => onOperatorChange(op.value)}\n            >\n              {op.label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n\n      {/* Separator */}\n      <span className=\"mx-1.5 h-3 w-px bg-sf-fill\" />\n\n      {/* Value editor popover */}\n      <Popover open={valuePopoverOpen} onOpenChange={setValuePopoverOpen}>\n        <Popover.Trigger\n          asChild\n          className=\"inline-flex cursor-pointer items-center gap-1 whitespace-nowrap text-sf-strong hover:text-sf-default\"\n        >\n          <button type=\"button\" aria-label={i18n.changeValue}>\n            <span className=\"max-w-32 truncate\">\n              {filter.values.length === 0 ? i18n.noValueLabel : displayValue}\n            </span>\n            <CaretDown className=\"size-3\" />\n          </button>\n        </Popover.Trigger>\n        <Popover.Content className=\"w-auto min-w-48\">\n          <FilterValueEditor\n            field={field}\n            values={filter.values}\n            onChange={onValuesChange}\n            onClose={() => setValuePopoverOpen(false)}\n            i18n={i18n}\n          />\n        </Popover.Content>\n      </Popover>\n\n      {/* Remove button */}\n      <button\n        type=\"button\"\n        onClick={onRemove}\n        aria-label={i18n.removeFilter}\n        className=\"ml-1.5 inline-flex items-center justify-center rounded p-0.5 text-sf-subtle hover:bg-sf-overlay hover:text-sf-default\"\n      >\n        <X className=\"size-3.5\" />\n      </button>\n    </div>\n  );\n}\n\n// ============================================================================\n// Filter Add Menu (internal)\n// ============================================================================\n\ninterface FilterAddMenuProps {\n  fields: FilterFieldConfig[];\n  filters: Filter[];\n  size: \"sm\" | \"default\" | \"lg\";\n  trigger?: ReactNode;\n  showSearchInput?: boolean;\n  allowMultiple?: boolean;\n  i18n: FilterI18nConfig;\n  onAddFilter: (filter: Filter) => void;\n}\n\nfunction FilterAddMenu({\n  fields,\n  filters,\n  size,\n  trigger,\n  showSearchInput = true,\n  allowMultiple = true,\n  i18n,\n  onAddFilter,\n}: FilterAddMenuProps) {\n  const [open, setOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  const groupedFields = useMemo(() => groupFields(fields), [fields]);\n\n  const availableFields = useMemo(() => {\n    if (allowMultiple) return fields;\n    const usedKeys = new Set(filters.map((f) => f.field));\n    return fields.filter((f) => !usedKeys.has(f.key));\n  }, [fields, filters, allowMultiple]);\n\n  const filteredGroups = useMemo(() => {\n    if (!searchQuery) return groupedFields;\n\n    const filtered = new Map<string, FilterFieldConfig[]>();\n    for (const [group, groupFields] of groupedFields) {\n      const matching = groupFields.filter(\n        (f) =>\n          f.label.toLowerCase().includes(searchQuery.toLowerCase()) ||\n          f.key.toLowerCase().includes(searchQuery.toLowerCase())\n      );\n      if (matching.length > 0) {\n        filtered.set(group, matching);\n      }\n    }\n    return filtered;\n  }, [groupedFields, searchQuery]);\n\n  const handleFieldClick = useCallback(\n    (field: FilterFieldConfig) => {\n      const operator =\n        field.defaultOperator ?? getDefaultOperatorForFieldType(field.type, field.operators);\n      const newFilter = createFilter(field.key, operator, []);\n      onAddFilter(newFilter);\n      setOpen(false);\n      setSearchQuery(\"\");\n    },\n    [onAddFilter]\n  );\n\n  const sizeClasses = {\n    sm: \"text-xs h-7 px-2\",\n    default: \"text-sm h-8 px-2.5\",\n    lg: \"text-base h-9 px-3\",\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <Popover.Trigger asChild>\n        {trigger ?? (\n          <Button\n            variant=\"secondary\"\n            size=\"sm\"\n            className={cn(\n              \"inline-flex items-center gap-1 whitespace-nowrap\",\n              sizeClasses[size]\n            )}\n          >\n            <Plus className=\"size-3.5\" />\n            {i18n.addFilter}\n          </Button>\n        )}\n      </Popover.Trigger>\n      <Popover.Content className=\"w-64 p-2\">\n        {showSearchInput && (\n          <div className=\"mb-2\">\n            <InputGroup className=\"w-full\">\n              <InputGroup.Input\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder={i18n.searchPlaceholder}\n                className=\"w-full\"\n              />\n              <InputGroup.Button>\n                <MagnifyingGlass className=\"size-4\" />\n              </InputGroup.Button>\n            </InputGroup>\n          </div>\n        )}\n        <div className=\"max-h-72 overflow-auto\">\n          {filteredGroups.size === 0 ? (\n            <div className=\"py-4 text-center text-sm text-sf-subtle\">\n              {i18n.noResults}\n            </div>\n          ) : (\n            Array.from(filteredGroups.entries()).map(\n              ([group, groupFields], groupIndex) => (\n                <div key={group}>\n                  {groupIndex > 0 && (\n                    <div className=\"my-2 h-px bg-sf-line\" />\n                  )}\n                  <div className=\"mb-1 px-2 text-xs font-medium text-sf-subtle\">\n                    {group}\n                  </div>\n                  <div className=\"flex flex-col gap-0.5\">\n                    {groupFields.map((field) => (\n                      <button\n                        key={field.key}\n                        type=\"button\"\n                        onClick={() => handleFieldClick(field)}\n                        disabled={!availableFields.some((f) => f.key === field.key)}\n                        className={cn(\n                          \"flex items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm\",\n                          \"hover:bg-sf-tint\",\n                          \"disabled:cursor-not-allowed disabled:opacity-50\"\n                        )}\n                      >\n                        {field.icon}\n                        {field.label}\n                      </button>\n                    ))}\n                  </div>\n                </div>\n              )\n            )\n          )}\n        </div>\n      </Popover.Content>\n    </Popover>\n  );\n}\n\n// ============================================================================\n// Main Filters Component\n// ============================================================================\n\n/**\n * Filters component for building and managing active filter conditions.\n *\n * Supports multiple filter types (text, select, multiselect, custom), operators,\n * and an \"Add Filter\" popover interface. Designed to work standalone or with\n * DataGrid for advanced data filtering.\n *\n * @example\n * ```tsx\n * const [filters, setFilters] = useState<Filter[]>([]);\n * const fields: FilterFieldConfig[] = [\n *   { key: \"status\", label: \"Status\", type: \"select\", options: [\n *     { value: \"active\", label: \"Active\" },\n *     { value: \"inactive\", label: \"Inactive\" },\n *   ]},\n *   { key: \"name\", label: \"Name\", type: \"text\" },\n * ];\n *\n * <Filters\n *   filters={filters}\n *   fields={fields}\n *   onChange={setFilters}\n * />\n * ```\n */\nexport function Filters({\n  filters,\n  fields,\n  onChange,\n  size = SF_FILTERS_DEFAULT_VARIANTS.size,\n  trigger,\n  showSearchInput = true,\n  allowMultiple = true,\n  enableShortcut = true,\n  shortcutKey = \"k\",\n  shortcutLabel,\n  i18n: i18nProp,\n  className,\n  menuPopupClassName,\n}: FiltersProps) {\n  const i18n = useMemo(() => mergeI18n(i18nProp), [i18nProp]);\n\n  // Keyboard shortcut\n  useEffect(() => {\n    if (!enableShortcut) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === shortcutKey) {\n        e.preventDefault();\n        // The add menu popover will need to be opened via a ref or state\n        // For now, this is a placeholder for the shortcut behavior\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [enableShortcut, shortcutKey]);\n\n  const handleAddFilter = useCallback(\n    (filter: Filter) => {\n      onChange([...filters, filter]);\n    },\n    [filters, onChange]\n  );\n\n  const handleRemoveFilter = useCallback(\n    (id: string) => {\n      onChange(filters.filter((f) => f.id !== id));\n    },\n    [filters, onChange]\n  );\n\n  const handleOperatorChange = useCallback(\n    (id: string, operator: string) => {\n      onChange(\n        filters.map((f) => (f.id === id ? { ...f, operator } : f))\n      );\n    },\n    [filters, onChange]\n  );\n\n  const handleValuesChange = useCallback(\n    (id: string, values: string[]) => {\n      onChange(filters.map((f) => (f.id === id ? { ...f, values } : f)));\n    },\n    [filters, onChange]\n  );\n\n  const handleClearAll = useCallback(() => {\n    onChange([]);\n  }, [onChange]);\n\n  const fieldMap = useMemo(() => {\n    const map = new Map<string, FilterFieldConfig>();\n    for (const field of fields) {\n      map.set(field.key, field);\n    }\n    return map;\n  }, [fields]);\n\n  return (\n    <div className={cn(\"flex flex-wrap items-center gap-2\", className)}>\n      {/* Active filter pills */}\n      {filters.map((filter) => {\n        const field = fieldMap.get(filter.field);\n        if (!field) return null;\n\n        return (\n          <FilterItem\n            key={filter.id}\n            filter={filter}\n            field={field}\n            size={size}\n            i18n={i18n}\n            onRemove={() => handleRemoveFilter(filter.id)}\n            onOperatorChange={(op) => handleOperatorChange(filter.id, op)}\n            onValuesChange={(vals) => handleValuesChange(filter.id, vals)}\n          />\n        );\n      })}\n\n      {/* Add filter menu */}\n      <div className={menuPopupClassName}>\n        <FilterAddMenu\n          fields={fields}\n          filters={filters}\n          size={size}\n          trigger={trigger}\n          showSearchInput={showSearchInput}\n          allowMultiple={allowMultiple}\n          i18n={i18n}\n          onAddFilter={handleAddFilter}\n        />\n      </div>\n\n      {/* Clear all button */}\n      {filters.length > 0 && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={handleClearAll}\n          className=\"text-sf-subtle hover:text-sf-default\"\n        >\n          {i18n.clearAll}\n        </Button>\n      )}\n\n      {/* Keyboard shortcut hint */}\n      {enableShortcut && shortcutLabel && (\n        <span className=\"ml-auto text-xs text-sf-subtle\">{shortcutLabel}</span>\n      )}\n    </div>\n  );\n}\n\nFilters.displayName = \"Filters\";\n"],"mappings":"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"}