@gbmtech/aurora-ui 0.3.53 → 0.3.54

package/dist/cjs/components/data-table/data-table-filter-list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-filter-list.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-filter-list.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport {\r\n  CalendarBlank,\r\n  CaretUpDown,\r\n  Check,\r\n  DotsSixVertical,\r\n  FunnelSimple,\r\n  Trash,\r\n} from '@phosphor-icons/react'\r\nimport type { Column, ColumnMeta, Table } from '@tanstack/react-table'\r\nimport { parseAsStringEnum, useQueryState } from 'nuqs'\r\nimport * as React from 'react'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport { Calendar } from '@/components/calendar'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { DataTableRangeFilter } from '@/components/data-table/data-table-range-filter'\r\nimport {\r\n  Faceted,\r\n  FacetedBadgeList,\r\n  FacetedContent,\r\n  FacetedEmpty,\r\n  FacetedGroup,\r\n  FacetedInput,\r\n  FacetedItem,\r\n  FacetedList,\r\n  FacetedTrigger,\r\n} from '@/components/faceted'\r\nimport { Input } from '@/components/input'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '@/components/select'\r\nimport {\r\n  Sortable,\r\n  SortableContent,\r\n  SortableItem,\r\n  SortableItemHandle,\r\n  SortableOverlay,\r\n} from '@/components/sortable'\r\nimport { useDebouncedCallback } from '@/hooks/use-debounced-callback'\r\nimport { getDefaultFilterOperator, getFilterOperators } from '@/lib/data-table'\r\nimport { dataTableConfig } from '@/lib/data-table-config'\r\nimport { formatDate } from '@/lib/format'\r\nimport { generateId } from '@/lib/id'\r\nimport { getFiltersStateParser } from '@/lib/parsers'\r\nimport { cn } from '@/lib/utils'\r\nimport type {\r\n  ExtendedColumnFilter,\r\n  FilterOperator,\r\n  JoinOperator,\r\n} from '@/types/data-table'\r\n\r\nconst FILTERS_KEY = 'filters'\r\nconst JOIN_OPERATOR_KEY = 'joinOperator'\r\nconst DEBOUNCE_MS = 300\r\nconst THROTTLE_MS = 50\r\nconst OPEN_MENU_SHORTCUT = 'f'\r\nconst REMOVE_FILTER_SHORTCUTS = ['backspace', 'delete']\r\n\r\ninterface DataTableFilterListProps<TData>\r\n  extends React.ComponentProps<typeof PopoverContent> {\r\n  table: Table<TData>\r\n  debounceMs?: number\r\n  throttleMs?: number\r\n  shallow?: boolean\r\n}\r\n\r\nexport function DataTableFilterList<TData>({\r\n  table,\r\n  debounceMs = DEBOUNCE_MS,\r\n  throttleMs = THROTTLE_MS,\r\n  shallow = true,\r\n  ...props\r\n}: DataTableFilterListProps<TData>) {\r\n  const id = React.useId()\r\n  const labelId = React.useId()\r\n  const descriptionId = React.useId()\r\n  const [open, setOpen] = React.useState(false)\r\n  const addButtonRef = React.useRef<HTMLButtonElement>(null)\r\n\r\n  const columns = React.useMemo(() => {\r\n    return table\r\n      .getAllColumns()\r\n      .filter(column => column.columnDef.enableColumnFilter)\r\n  }, [table])\r\n\r\n  const [filters, setFilters] = useQueryState(\r\n    FILTERS_KEY,\r\n    getFiltersStateParser<TData>(columns.map(field => field.id))\r\n      .withDefault([])\r\n      .withOptions({\r\n        clearOnDefault: true,\r\n        shallow,\r\n        throttleMs,\r\n      })\r\n  )\r\n  const debouncedSetFilters = useDebouncedCallback(setFilters, debounceMs)\r\n\r\n  const [joinOperator, setJoinOperator] = useQueryState(\r\n    JOIN_OPERATOR_KEY,\r\n    parseAsStringEnum(['e', 'ou']).withDefault('e').withOptions({\r\n      clearOnDefault: true,\r\n      shallow,\r\n    })\r\n  )\r\n\r\n  const onFilterAdd = React.useCallback(() => {\r\n    const column = columns[0]\r\n\r\n    if (!column) return\r\n\r\n    debouncedSetFilters([\r\n      ...filters,\r\n      {\r\n        id: column.id as Extract<keyof TData, string>,\r\n        value: '',\r\n        variant: column.columnDef.meta?.variant ?? 'text',\r\n        operator: getDefaultFilterOperator(\r\n          column.columnDef.meta?.variant ?? 'text'\r\n        ),\r\n        filterId: generateId({ length: 8 }),\r\n      },\r\n    ])\r\n  }, [columns, filters, debouncedSetFilters])\r\n\r\n  const onFilterUpdate = React.useCallback(\r\n    (\r\n      filterId: string,\r\n      updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n    ) => {\r\n      debouncedSetFilters(prevFilters => {\r\n        const updatedFilters = prevFilters.map(filter => {\r\n          if (filter.filterId === filterId) {\r\n            return { ...filter, ...updates } as ExtendedColumnFilter<TData>\r\n          }\r\n          return filter\r\n        })\r\n        return updatedFilters\r\n      })\r\n    },\r\n    [debouncedSetFilters]\r\n  )\r\n\r\n  const onFilterRemove = React.useCallback(\r\n    (filterId: string) => {\r\n      const updatedFilters = filters.filter(\r\n        filter => filter.filterId !== filterId\r\n      )\r\n      void setFilters(updatedFilters)\r\n      requestAnimationFrame(() => {\r\n        addButtonRef.current?.focus()\r\n      })\r\n    },\r\n    [filters, setFilters]\r\n  )\r\n\r\n  const onFiltersReset = React.useCallback(() => {\r\n    void setFilters(null)\r\n    void setJoinOperator('e')\r\n  }, [setFilters, setJoinOperator])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        !event.ctrlKey &&\r\n        !event.metaKey &&\r\n        !event.shiftKey\r\n      ) {\r\n        event.preventDefault()\r\n        setOpen(true)\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        event.shiftKey &&\r\n        filters.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\r\n      }\r\n    }\r\n\r\n    window.addEventListener('keydown', onKeyDown)\r\n    return () => window.removeEventListener('keydown', onKeyDown)\r\n  }, [filters, onFilterRemove])\r\n\r\n  const onTriggerKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\r\n      if (\r\n        REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n        filters.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\r\n      }\r\n    },\r\n    [filters, onFilterRemove]\r\n  )\r\n\r\n  return (\r\n    <Sortable\r\n      value={filters}\r\n      onValueChange={setFilters}\r\n      getItemValue={item => item.filterId}\r\n    >\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button variant=\"secondary\" size=\"sm\" onKeyDown={onTriggerKeyDown}>\r\n            <FunnelSimple weight=\"bold\" />\r\n            Filtro\r\n            {filters.length > 0 && (\r\n              <Badge\r\n                variant=\"secondary\"\r\n                className=\"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]\"\r\n              >\r\n                {filters.length}\r\n              </Badge>\r\n            )}\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent\r\n          aria-describedby={descriptionId}\r\n          aria-labelledby={labelId}\r\n          className=\"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]\"\r\n          {...props}\r\n        >\r\n          <div className=\"flex flex-col gap-1\">\r\n            <h4 id={labelId} className=\"font-medium leading-none\">\r\n              {filters.length > 0 ? 'Filtros' : 'Nenhum filtro aplicado'}\r\n            </h4>\r\n            <p\r\n              id={descriptionId}\r\n              className={cn(\r\n                'text-gray-400 text-sm',\r\n                filters.length > 0 && 'sr-only'\r\n              )}\r\n            >\r\n              {filters.length > 0\r\n                ? 'Modifique os filtros para filtrar suas linhas.'\r\n                : 'Adicione filtros para filtrar suas linhas.'}\r\n            </p>\r\n          </div>\r\n          {filters.length > 0 ? (\r\n            <SortableContent asChild>\r\n              <div\r\n                role=\"list\"\r\n                className=\"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1\"\r\n              >\r\n                {filters.map((filter, index) => (\r\n                  <DataTableFilterItem<TData>\r\n                    key={filter.filterId}\r\n                    filter={filter}\r\n                    index={index}\r\n                    filterItemId={`${id}-filter-${filter.filterId}`}\r\n                    joinOperator={joinOperator}\r\n                    setJoinOperator={setJoinOperator}\r\n                    columns={columns}\r\n                    onFilterUpdate={onFilterUpdate}\r\n                    onFilterRemove={onFilterRemove}\r\n                  />\r\n                ))}\r\n              </div>\r\n            </SortableContent>\r\n          ) : null}\r\n          <div className=\"flex w-full items-center gap-2\">\r\n            <Button\r\n              size=\"sm\"\r\n              className=\"rounded\"\r\n              ref={addButtonRef}\r\n              onClick={onFilterAdd}\r\n            >\r\n              Adicionar filtro\r\n            </Button>\r\n            {filters.length > 0 ? (\r\n              <Button\r\n                variant=\"secondary\"\r\n                size=\"sm\"\r\n                className=\"rounded\"\r\n                onClick={onFiltersReset}\r\n              >\r\n                Resetar filtros\r\n              </Button>\r\n            ) : null}\r\n          </div>\r\n        </PopoverContent>\r\n      </Popover>\r\n      <SortableOverlay>\r\n        <div className=\"flex items-center gap-2\">\r\n          <div className=\"h-10 min-w-[72px] rounded-sm bg-primary/10\" />\r\n          <div className=\"h-10 w-32 rounded-sm bg-primary/10\" />\r\n          <div className=\"h-10 w-32 rounded-sm bg-primary/10\" />\r\n          <div className=\"h-10 min-w-36 flex-1 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n        </div>\r\n      </SortableOverlay>\r\n    </Sortable>\r\n  )\r\n}\r\n\r\ninterface DataTableFilterItemProps<TData> {\r\n  filter: ExtendedColumnFilter<TData>\r\n  index: number\r\n  filterItemId: string\r\n  joinOperator: JoinOperator\r\n  setJoinOperator: (value: JoinOperator) => void\r\n  columns: Column<TData>[]\r\n  onFilterUpdate: (\r\n    filterId: string,\r\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n  ) => void\r\n  onFilterRemove: (filterId: string) => void\r\n}\r\n\r\nfunction DataTableFilterItem<TData>({\r\n  filter,\r\n  index,\r\n  filterItemId,\r\n  joinOperator,\r\n  setJoinOperator,\r\n  columns,\r\n  onFilterUpdate,\r\n  onFilterRemove,\r\n}: DataTableFilterItemProps<TData>) {\r\n  const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n  const [showOperatorSelector, setShowOperatorSelector] = React.useState(false)\r\n  const [showValueSelector, setShowValueSelector] = React.useState(false)\r\n\r\n  const column = columns.find(column => column.id === filter.id)\r\n  if (!column) return null\r\n\r\n  const joinOperatorListboxId = `${filterItemId}-join-operator-listbox`\r\n  const fieldListboxId = `${filterItemId}-field-listbox`\r\n  const operatorListboxId = `${filterItemId}-operator-listbox`\r\n  const inputId = `${filterItemId}-input`\r\n\r\n  const columnMeta = column.columnDef.meta\r\n  const filterOperators = getFilterOperators(filter.variant)\r\n\r\n  const onItemKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (showFieldSelector || showOperatorSelector || showValueSelector) {\r\n        return\r\n      }\r\n\r\n      if (REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase())) {\r\n        event.preventDefault()\r\n        onFilterRemove(filter.filterId)\r\n      }\r\n    },\r\n    [\r\n      filter.filterId,\r\n      showFieldSelector,\r\n      showOperatorSelector,\r\n      showValueSelector,\r\n      onFilterRemove,\r\n    ]\r\n  )\r\n\r\n  return (\r\n    <SortableItem value={filter.filterId} asChild>\r\n      <div\r\n        role=\"listitem\"\r\n        id={filterItemId}\r\n        tabIndex={-1}\r\n        className=\"flex items-center gap-2\"\r\n        onKeyDown={onItemKeyDown}\r\n      >\r\n        <div className=\"min-w-[72px] text-center\">\r\n          {index === 0 ? (\r\n            <span className=\"text-gray-400 text-sm\">Onde</span>\r\n          ) : index === 1 ? (\r\n            <Select\r\n              value={joinOperator}\r\n              onValueChange={(value: JoinOperator) => setJoinOperator(value)}\r\n            >\r\n              <SelectTrigger\r\n                aria-label=\"Select join operator\"\r\n                aria-controls={joinOperatorListboxId}\r\n                className=\"h-10 rounded lowercase [&[data-size]]:h-10\"\r\n              >\r\n                <SelectValue placeholder={joinOperator} />\r\n              </SelectTrigger>\r\n              <SelectContent\r\n                id={joinOperatorListboxId}\r\n                position=\"popper\"\r\n                className=\"min-w-(--radix-select-trigger-width) lowercase\"\r\n              >\r\n                {dataTableConfig.joinOperators.map(joinOperator => (\r\n                  <SelectItem key={joinOperator} value={joinOperator}>\r\n                    {joinOperator}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n          ) : (\r\n            <span className=\"text-gray-400 text-sm\">{joinOperator}</span>\r\n          )}\r\n        </div>\r\n        <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              role=\"combobox\"\r\n              aria-controls={fieldListboxId}\r\n              variant=\"secondary\"\r\n              size=\"sm\"\r\n              className=\"w-32 justify-between rounded font-normal\"\r\n            >\r\n              <span className=\"truncate\">\r\n                {columns.find(column => column.id === filter.id)?.columnDef.meta\r\n                  ?.label ?? 'Selecione o campo'}\r\n              </span>\r\n              <CaretUpDown className=\"opacity-50\" />\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={fieldListboxId}\r\n            align=\"start\"\r\n            className=\"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            <Command>\r\n              <CommandInput placeholder=\"Buscar campo...\" />\r\n              <CommandList>\r\n                <CommandEmpty>Nenhum campo encontrado.</CommandEmpty>\r\n                <CommandGroup>\r\n                  {columns.map(column => (\r\n                    <CommandItem\r\n                      key={column.id}\r\n                      value={column.id}\r\n                      onSelect={value => {\r\n                        onFilterUpdate(filter.filterId, {\r\n                          id: value as Extract<keyof TData, string>,\r\n                          variant: column.columnDef.meta?.variant ?? 'text',\r\n                          operator: getDefaultFilterOperator(\r\n                            column.columnDef.meta?.variant ?? 'text'\r\n                          ),\r\n                          value: '',\r\n                        })\r\n\r\n                        setShowFieldSelector(false)\r\n                      }}\r\n                    >\r\n                      <span className=\"truncate\">\r\n                        {column.columnDef.meta?.label}\r\n                      </span>\r\n                      <Check\r\n                        className={cn(\r\n                          'ml-auto',\r\n                          column.id === filter.id ? 'opacity-100' : 'opacity-0'\r\n                        )}\r\n                      />\r\n                    </CommandItem>\r\n                  ))}\r\n                </CommandGroup>\r\n              </CommandList>\r\n            </Command>\r\n          </PopoverContent>\r\n        </Popover>\r\n        <Select\r\n          open={showOperatorSelector}\r\n          onOpenChange={setShowOperatorSelector}\r\n          value={filter.operator}\r\n          onValueChange={(value: FilterOperator) =>\r\n            onFilterUpdate(filter.filterId, {\r\n              operator: value,\r\n              value:\r\n                value === 'isEmpty' || value === 'isNotEmpty'\r\n                  ? ''\r\n                  : filter.value,\r\n            })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            aria-controls={operatorListboxId}\r\n            className=\"h-10 w-32 rounded lowercase [&[data-size]]:h-10\"\r\n          >\r\n            <div className=\"truncate\">\r\n              <SelectValue placeholder={filter.operator} />\r\n            </div>\r\n          </SelectTrigger>\r\n          <SelectContent\r\n            id={operatorListboxId}\r\n            className=\"origin-[var(--radix-select-content-transform-origin)]\"\r\n          >\r\n            {filterOperators.map(operator => (\r\n              <SelectItem\r\n                key={operator.value}\r\n                value={operator.value}\r\n                className=\"lowercase\"\r\n              >\r\n                {operator.label}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n        <div className=\"min-w-36 flex-1\">\r\n          {onFilterInputRender({\r\n            filter,\r\n            inputId,\r\n            column,\r\n            columnMeta,\r\n            onFilterUpdate,\r\n            showValueSelector,\r\n            setShowValueSelector,\r\n          })}\r\n        </div>\r\n        <Button\r\n          aria-controls={filterItemId}\r\n          variant=\"secondary\"\r\n          size=\"icon\"\r\n          className=\"size-8 rounded\"\r\n          onClick={() => onFilterRemove(filter.filterId)}\r\n        >\r\n          <Trash weight=\"bold\" />\r\n        </Button>\r\n        <SortableItemHandle asChild>\r\n          <Button variant=\"secondary\" size=\"icon\" className=\"size-8 rounded\">\r\n            <DotsSixVertical weight=\"bold\" />\r\n          </Button>\r\n        </SortableItemHandle>\r\n      </div>\r\n    </SortableItem>\r\n  )\r\n}\r\n\r\nfunction onFilterInputRender<TData>({\r\n  filter,\r\n  inputId,\r\n  column,\r\n  columnMeta,\r\n  onFilterUpdate,\r\n  showValueSelector,\r\n  setShowValueSelector,\r\n}: {\r\n  filter: ExtendedColumnFilter<TData>\r\n  inputId: string\r\n  column: Column<TData>\r\n  columnMeta?: ColumnMeta<TData, unknown>\r\n  onFilterUpdate: (\r\n    filterId: string,\r\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n  ) => void\r\n  showValueSelector: boolean\r\n  setShowValueSelector: (value: boolean) => void\r\n}) {\r\n  if (filter.operator === 'isEmpty' || filter.operator === 'isNotEmpty') {\r\n    return (\r\n      <div\r\n        id={inputId}\r\n        role=\"status\"\r\n        aria-label={`${columnMeta?.label} filter is ${\r\n          filter.operator === 'isEmpty' ? 'empty' : 'not empty'\r\n        }`}\r\n        aria-live=\"polite\"\r\n        className=\"h-10 w-full rounded border bg-transparent dark:bg-input/30\"\r\n      />\r\n    )\r\n  }\r\n\r\n  switch (filter.variant) {\r\n    case 'text':\r\n    case 'number':\r\n    case 'range': {\r\n      if (\r\n        (filter.variant === 'range' && filter.operator === 'isBetween') ||\r\n        filter.operator === 'isBetween'\r\n      ) {\r\n        return (\r\n          <DataTableRangeFilter\r\n            filter={filter}\r\n            column={column}\r\n            inputId={inputId}\r\n            onFilterUpdate={onFilterUpdate}\r\n          />\r\n        )\r\n      }\r\n\r\n      const isNumber = filter.variant === 'number' || filter.variant === 'range'\r\n\r\n      return (\r\n        <Input\r\n          id={inputId}\r\n          type={isNumber ? 'number' : filter.variant}\r\n          aria-label={`${columnMeta?.label} filter value`}\r\n          aria-describedby={`${inputId}-description`}\r\n          inputMode={isNumber ? 'numeric' : undefined}\r\n          placeholder={columnMeta?.placeholder ?? 'Enter a value...'}\r\n          className=\"h-10 w-full rounded\"\r\n          defaultValue={\r\n            typeof filter.value === 'string' ? filter.value : undefined\r\n          }\r\n          onChange={event =>\r\n            onFilterUpdate(filter.filterId, {\r\n              value: event.target.value,\r\n            })\r\n          }\r\n        />\r\n      )\r\n    }\r\n\r\n    case 'boolean': {\r\n      if (Array.isArray(filter.value)) return null\r\n\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      return (\r\n        <Select\r\n          open={showValueSelector}\r\n          onOpenChange={setShowValueSelector}\r\n          value={filter.value}\r\n          onValueChange={value =>\r\n            onFilterUpdate(filter.filterId, {\r\n              value,\r\n            })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            id={inputId}\r\n            aria-controls={inputListboxId}\r\n            aria-label={`${columnMeta?.label} boolean filter`}\r\n            className=\"h-10 w-full rounded [&[data-size]]:h-10\"\r\n          >\r\n            <SelectValue placeholder={filter.value ? 'True' : 'False'} />\r\n          </SelectTrigger>\r\n          <SelectContent id={inputListboxId}>\r\n            <SelectItem value=\"true\">True</SelectItem>\r\n            <SelectItem value=\"false\">False</SelectItem>\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    case 'select':\r\n    case 'multiSelect': {\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      const multiple = filter.variant === 'multiSelect'\r\n      const selectedValues = multiple\r\n        ? Array.isArray(filter.value)\r\n          ? filter.value\r\n          : []\r\n        : typeof filter.value === 'string'\r\n          ? filter.value\r\n          : undefined\r\n\r\n      return (\r\n        <Faceted\r\n          open={showValueSelector}\r\n          onOpenChange={setShowValueSelector}\r\n          value={selectedValues}\r\n          onValueChange={value => {\r\n            onFilterUpdate(filter.filterId, {\r\n              value,\r\n            })\r\n          }}\r\n          multiple={multiple}\r\n        >\r\n          <FacetedTrigger asChild>\r\n            <Button\r\n              id={inputId}\r\n              aria-controls={inputListboxId}\r\n              aria-label={`${columnMeta?.label} filter value${multiple ? 's' : ''}`}\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              className=\"w-full rounded font-normal\"\r\n            >\r\n              <FacetedBadgeList\r\n                options={columnMeta?.options}\r\n                placeholder={\r\n                  columnMeta?.placeholder ??\r\n                  `Select option${multiple ? 's' : ''}...`\r\n                }\r\n              />\r\n            </Button>\r\n          </FacetedTrigger>\r\n          <FacetedContent\r\n            id={inputListboxId}\r\n            className=\"w-[200px] origin-[var(--radix-popover-content-transform-origin)]\"\r\n          >\r\n            <FacetedInput\r\n              aria-label={`Search ${columnMeta?.label} options`}\r\n              placeholder={columnMeta?.placeholder ?? 'Search options...'}\r\n            />\r\n            <FacetedList>\r\n              <FacetedEmpty>No options found.</FacetedEmpty>\r\n              <FacetedGroup>\r\n                {columnMeta?.options?.map(option => (\r\n                  <FacetedItem key={option.value} value={option.value}>\r\n                    {option.icon && <option.icon />}\r\n                    <span>{option.label}</span>\r\n                    {option.count && (\r\n                      <span className=\"ml-auto font-mono text-xs\">\r\n                        {option.count}\r\n                      </span>\r\n                    )}\r\n                  </FacetedItem>\r\n                ))}\r\n              </FacetedGroup>\r\n            </FacetedList>\r\n          </FacetedContent>\r\n        </Faceted>\r\n      )\r\n    }\r\n\r\n    case 'date':\r\n    case 'dateRange': {\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      const dateValue = Array.isArray(filter.value)\r\n        ? filter.value.filter(Boolean)\r\n        : [filter.value, filter.value].filter(Boolean)\r\n\r\n      const displayValue =\r\n        filter.operator === 'isBetween' && dateValue.length === 2\r\n          ? `${formatDate(new Date(Number(dateValue[0])))} - ${formatDate(\r\n              new Date(Number(dateValue[1]))\r\n            )}`\r\n          : dateValue[0]\r\n            ? formatDate(new Date(Number(dateValue[0])))\r\n            : 'Escolha uma data'\r\n\r\n      return (\r\n        <Popover open={showValueSelector} onOpenChange={setShowValueSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              id={inputId}\r\n              aria-controls={inputListboxId}\r\n              aria-label={`${columnMeta?.label} date filter`}\r\n              variant=\"secondary\"\r\n              size=\"sm\"\r\n              className={cn(\r\n                'w-full justify-start rounded text-left font-normal',\r\n                !filter.value && 'text-gray-400'\r\n              )}\r\n            >\r\n              <CalendarBlank weight=\"bold\" />\r\n              <span className=\"truncate text-sm\">{displayValue}</span>\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={inputListboxId}\r\n            align=\"start\"\r\n            className=\"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            {filter.operator === 'isBetween' ? (\r\n              <Calendar\r\n                aria-label={`Select ${columnMeta?.label} date range`}\r\n                mode=\"range\"\r\n                initialFocus\r\n                selected={\r\n                  dateValue.length === 2\r\n                    ? {\r\n                        from: new Date(Number(dateValue[0])),\r\n                        to: new Date(Number(dateValue[1])),\r\n                      }\r\n                    : {\r\n                        from: new Date(),\r\n                        to: new Date(),\r\n                      }\r\n                }\r\n                onSelect={date => {\r\n                  onFilterUpdate(filter.filterId, {\r\n                    value: date\r\n                      ? [\r\n                          (date.from?.getTime() ?? '').toString(),\r\n                          (date.to?.getTime() ?? '').toString(),\r\n                        ]\r\n                      : [],\r\n                  })\r\n                }}\r\n              />\r\n            ) : (\r\n              <Calendar\r\n                aria-label={`Select ${columnMeta?.label} date`}\r\n                mode=\"single\"\r\n                initialFocus\r\n                selected={\r\n                  dateValue[0] ? new Date(Number(dateValue[0])) : undefined\r\n                }\r\n                onSelect={date => {\r\n                  onFilterUpdate(filter.filterId, {\r\n                    value: (date?.getTime() ?? '').toString(),\r\n                  })\r\n                }}\r\n              />\r\n            )}\r\n          </PopoverContent>\r\n        </Popover>\r\n      )\r\n    }\r\n\r\n    default:\r\n      return null\r\n  }\r\n}\r\n"],"names":["__webpack_require__","e","Object","Symbol","FILTERS_KEY","JOIN_OPERATOR_KEY","DEBOUNCE_MS","THROTTLE_MS","OPEN_MENU_SHORTCUT","REMOVE_FILTER_SHORTCUTS","DataTableFilterList","table","debounceMs","throttleMs","shallow","props","id","React","labelId","descriptionId","open","setOpen","addButtonRef","columns","column","filters","setFilters","useQueryState","getFiltersStateParser","field","debouncedSetFilters","useDebouncedCallback","joinOperator","setJoinOperator","parseAsStringEnum","onFilterAdd","getDefaultFilterOperator","generateId","onFilterUpdate","filterId","updates","prevFilters","filter","onFilterRemove","requestAnimationFrame","onFiltersReset","onKeyDown","event","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","Sortable","item","Popover","PopoverTrigger","Button","FunnelSimple","Badge","PopoverContent","cn","SortableContent","index","DataTableFilterItem","SortableOverlay","filterItemId","showFieldSelector","setShowFieldSelector","showOperatorSelector","setShowOperatorSelector","showValueSelector","setShowValueSelector","joinOperatorListboxId","fieldListboxId","operatorListboxId","inputId","columnMeta","filterOperators","getFilterOperators","onItemKeyDown","SortableItem","Select","value","SelectTrigger","SelectValue","SelectContent","dataTableConfig","SelectItem","CaretUpDown","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","operator","onFilterInputRender","Trash","SortableItemHandle","DotsSixVertical","DataTableRangeFilter","isNumber","Input","undefined","Array","inputListboxId","multiple","selectedValues","Faceted","FacetedTrigger","FacetedBadgeList","FacetedContent","FacetedInput","FacetedList","FacetedEmpty","FacetedGroup","option","FacetedItem","dateValue","Boolean","displayValue","formatDate","Date","Number","CalendarBlank","Calendar","date"],"mappings":"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"}
+{"version":3,"file":"components/data-table/data-table-filter-list.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-filter-list.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n\nimport {\n  CalendarBlank,\n  CaretUpDown,\n  Check,\n  DotsSixVertical,\n  FunnelSimple,\n  Trash,\n} from '@phosphor-icons/react'\nimport type { Column, ColumnMeta, Table } from '@tanstack/react-table'\nimport { parseAsStringEnum, useQueryState } from 'nuqs'\nimport * as React from 'react'\n\nimport { Badge } from '@/components/badge'\nimport { Button } from '@/components/button'\nimport { Calendar } from '@/components/calendar'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/command'\nimport { DataTableRangeFilter } from '@/components/data-table/data-table-range-filter'\nimport {\n  Faceted,\n  FacetedBadgeList,\n  FacetedContent,\n  FacetedEmpty,\n  FacetedGroup,\n  FacetedInput,\n  FacetedItem,\n  FacetedList,\n  FacetedTrigger,\n} from '@/components/faceted'\nimport { Input } from '@/components/input'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/select'\nimport {\n  Sortable,\n  SortableContent,\n  SortableItem,\n  SortableItemHandle,\n  SortableOverlay,\n} from '@/components/sortable'\nimport { useDebouncedCallback } from '@/hooks/use-debounced-callback'\nimport { getDefaultFilterOperator, getFilterOperators } from '@/lib/data-table'\nimport { dataTableConfig } from '@/lib/data-table-config'\nimport { formatDate } from '@/lib/format'\nimport { generateId } from '@/lib/id'\nimport { getFiltersStateParser } from '@/lib/parsers'\nimport { cn } from '@/lib/utils'\nimport type {\n  ExtendedColumnFilter,\n  FilterOperator,\n  JoinOperator,\n} from '@/types/data-table'\n\nconst FILTERS_KEY = 'filters'\nconst JOIN_OPERATOR_KEY = 'joinOperator'\nconst DEBOUNCE_MS = 300\nconst THROTTLE_MS = 50\nconst OPEN_MENU_SHORTCUT = 'f'\nconst REMOVE_FILTER_SHORTCUTS = ['backspace', 'delete']\n\ninterface DataTableFilterListProps<TData>\n  extends React.ComponentProps<typeof PopoverContent> {\n  table: Table<TData>\n  debounceMs?: number\n  throttleMs?: number\n  shallow?: boolean\n}\n\nexport function DataTableFilterList<TData>({\n  table,\n  debounceMs = DEBOUNCE_MS,\n  throttleMs = THROTTLE_MS,\n  shallow = true,\n  ...props\n}: DataTableFilterListProps<TData>) {\n  const id = React.useId()\n  const labelId = React.useId()\n  const descriptionId = React.useId()\n  const [open, setOpen] = React.useState(false)\n  const addButtonRef = React.useRef<HTMLButtonElement>(null)\n\n  const columns = React.useMemo(() => {\n    return table\n      .getAllColumns()\n      .filter(column => column.columnDef.enableColumnFilter)\n  }, [table])\n\n  const [filters, setFilters] = useQueryState(\n    FILTERS_KEY,\n    getFiltersStateParser<TData>(columns.map(field => field.id))\n      .withDefault([])\n      .withOptions({\n        clearOnDefault: true,\n        shallow,\n        throttleMs,\n      })\n  )\n  const debouncedSetFilters = useDebouncedCallback(setFilters, debounceMs)\n\n  const [joinOperator, setJoinOperator] = useQueryState(\n    JOIN_OPERATOR_KEY,\n    parseAsStringEnum(['e', 'ou']).withDefault('e').withOptions({\n      clearOnDefault: true,\n      shallow,\n    })\n  )\n\n  const onFilterAdd = React.useCallback(() => {\n    const column = columns[0]\n\n    if (!column) return\n\n    debouncedSetFilters([\n      ...filters,\n      {\n        id: column.id as Extract<keyof TData, string>,\n        value: '',\n        variant: column.columnDef.meta?.variant ?? 'text',\n        operator: getDefaultFilterOperator(\n          column.columnDef.meta?.variant ?? 'text'\n        ),\n        filterId: generateId({ length: 8 }),\n      },\n    ])\n  }, [columns, filters, debouncedSetFilters])\n\n  const onFilterUpdate = React.useCallback(\n    (\n      filterId: string,\n      updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\n    ) => {\n      debouncedSetFilters(prevFilters => {\n        const updatedFilters = prevFilters.map(filter => {\n          if (filter.filterId === filterId) {\n            return { ...filter, ...updates } as ExtendedColumnFilter<TData>\n          }\n          return filter\n        })\n        return updatedFilters\n      })\n    },\n    [debouncedSetFilters]\n  )\n\n  const onFilterRemove = React.useCallback(\n    (filterId: string) => {\n      const updatedFilters = filters.filter(\n        filter => filter.filterId !== filterId\n      )\n      void setFilters(updatedFilters)\n      requestAnimationFrame(() => {\n        addButtonRef.current?.focus()\n      })\n    },\n    [filters, setFilters]\n  )\n\n  const onFiltersReset = React.useCallback(() => {\n    void setFilters(null)\n    void setJoinOperator('e')\n  }, [setFilters, setJoinOperator])\n\n  React.useEffect(() => {\n    function onKeyDown(event: KeyboardEvent) {\n      if (\n        event.target instanceof HTMLInputElement ||\n        event.target instanceof HTMLTextAreaElement\n      ) {\n        return\n      }\n\n      if (\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\n        !event.ctrlKey &&\n        !event.metaKey &&\n        !event.shiftKey\n      ) {\n        event.preventDefault()\n        setOpen(true)\n      }\n\n      if (\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\n        event.shiftKey &&\n        filters.length > 0\n      ) {\n        event.preventDefault()\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\n      }\n    }\n\n    window.addEventListener('keydown', onKeyDown)\n    return () => window.removeEventListener('keydown', onKeyDown)\n  }, [filters, onFilterRemove])\n\n  const onTriggerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (\n        REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\n        filters.length > 0\n      ) {\n        event.preventDefault()\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\n      }\n    },\n    [filters, onFilterRemove]\n  )\n\n  return (\n    <Sortable\n      value={filters}\n      onValueChange={setFilters}\n      getItemValue={item => item.filterId}\n    >\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button variant=\"secondary\" size=\"sm\" onKeyDown={onTriggerKeyDown}>\n            <FunnelSimple weight=\"bold\" />\n            Filtro\n            {filters.length > 0 && (\n              <Badge\n                variant=\"secondary\"\n                className=\"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]\"\n              >\n                {filters.length}\n              </Badge>\n            )}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          aria-describedby={descriptionId}\n          aria-labelledby={labelId}\n          className=\"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]\"\n          {...props}\n        >\n          <div className=\"flex flex-col gap-1\">\n            <h4 id={labelId} className=\"font-medium leading-none\">\n              {filters.length > 0 ? 'Filtros' : 'Nenhum filtro aplicado'}\n            </h4>\n            <p\n              id={descriptionId}\n              className={cn(\n                'text-gray-400 text-sm',\n                filters.length > 0 && 'sr-only'\n              )}\n            >\n              {filters.length > 0\n                ? 'Modifique os filtros para filtrar suas linhas.'\n                : 'Adicione filtros para filtrar suas linhas.'}\n            </p>\n          </div>\n          {filters.length > 0 ? (\n            <SortableContent asChild>\n              <div\n                role=\"list\"\n                className=\"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1\"\n              >\n                {filters.map((filter, index) => (\n                  <DataTableFilterItem<TData>\n                    key={filter.filterId}\n                    filter={filter}\n                    index={index}\n                    filterItemId={`${id}-filter-${filter.filterId}`}\n                    joinOperator={joinOperator}\n                    setJoinOperator={setJoinOperator}\n                    columns={columns}\n                    onFilterUpdate={onFilterUpdate}\n                    onFilterRemove={onFilterRemove}\n                  />\n                ))}\n              </div>\n            </SortableContent>\n          ) : null}\n          <div className=\"flex w-full items-center gap-2\">\n            <Button\n              size=\"sm\"\n              className=\"rounded\"\n              ref={addButtonRef}\n              onClick={onFilterAdd}\n            >\n              Adicionar filtro\n            </Button>\n            {filters.length > 0 ? (\n              <Button\n                variant=\"secondary\"\n                size=\"sm\"\n                className=\"rounded\"\n                onClick={onFiltersReset}\n              >\n                Resetar filtros\n              </Button>\n            ) : null}\n          </div>\n        </PopoverContent>\n      </Popover>\n      <SortableOverlay>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"h-10 min-w-[72px] rounded-sm bg-primary/10\" />\n          <div className=\"h-10 w-32 rounded-sm bg-primary/10\" />\n          <div className=\"h-10 w-32 rounded-sm bg-primary/10\" />\n          <div className=\"h-10 min-w-36 flex-1 rounded-sm bg-primary/10\" />\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\n        </div>\n      </SortableOverlay>\n    </Sortable>\n  )\n}\n\ninterface DataTableFilterItemProps<TData> {\n  filter: ExtendedColumnFilter<TData>\n  index: number\n  filterItemId: string\n  joinOperator: JoinOperator\n  setJoinOperator: (value: JoinOperator) => void\n  columns: Column<TData>[]\n  onFilterUpdate: (\n    filterId: string,\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\n  ) => void\n  onFilterRemove: (filterId: string) => void\n}\n\nfunction DataTableFilterItem<TData>({\n  filter,\n  index,\n  filterItemId,\n  joinOperator,\n  setJoinOperator,\n  columns,\n  onFilterUpdate,\n  onFilterRemove,\n}: DataTableFilterItemProps<TData>) {\n  const [showFieldSelector, setShowFieldSelector] = React.useState(false)\n  const [showOperatorSelector, setShowOperatorSelector] = React.useState(false)\n  const [showValueSelector, setShowValueSelector] = React.useState(false)\n\n  const column = columns.find(column => column.id === filter.id)\n  if (!column) return null\n\n  const joinOperatorListboxId = `${filterItemId}-join-operator-listbox`\n  const fieldListboxId = `${filterItemId}-field-listbox`\n  const operatorListboxId = `${filterItemId}-operator-listbox`\n  const inputId = `${filterItemId}-input`\n\n  const columnMeta = column.columnDef.meta\n  const filterOperators = getFilterOperators(filter.variant)\n\n  const onItemKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (\n        event.target instanceof HTMLInputElement ||\n        event.target instanceof HTMLTextAreaElement\n      ) {\n        return\n      }\n\n      if (showFieldSelector || showOperatorSelector || showValueSelector) {\n        return\n      }\n\n      if (REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase())) {\n        event.preventDefault()\n        onFilterRemove(filter.filterId)\n      }\n    },\n    [\n      filter.filterId,\n      showFieldSelector,\n      showOperatorSelector,\n      showValueSelector,\n      onFilterRemove,\n    ]\n  )\n\n  return (\n    <SortableItem value={filter.filterId} asChild>\n      <div\n        role=\"listitem\"\n        id={filterItemId}\n        tabIndex={-1}\n        className=\"flex items-center gap-2\"\n        onKeyDown={onItemKeyDown}\n      >\n        <div className=\"min-w-[72px] text-center\">\n          {index === 0 ? (\n            <span className=\"text-gray-400 text-sm\">Onde</span>\n          ) : index === 1 ? (\n            <Select\n              value={joinOperator}\n              onValueChange={(value: JoinOperator) => setJoinOperator(value)}\n            >\n              <SelectTrigger\n                aria-label=\"Select join operator\"\n                aria-controls={joinOperatorListboxId}\n                className=\"h-10 rounded lowercase [&[data-size]]:h-10\"\n              >\n                <SelectValue placeholder={joinOperator} />\n              </SelectTrigger>\n              <SelectContent\n                id={joinOperatorListboxId}\n                position=\"popper\"\n                className=\"min-w-(--radix-select-trigger-width) lowercase\"\n              >\n                {dataTableConfig.joinOperators.map(joinOperator => (\n                  <SelectItem key={joinOperator} value={joinOperator}>\n                    {joinOperator}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          ) : (\n            <span className=\"text-gray-400 text-sm\">{joinOperator}</span>\n          )}\n        </div>\n        <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\n          <PopoverTrigger asChild>\n            <Button\n              role=\"combobox\"\n              aria-controls={fieldListboxId}\n              variant=\"secondary\"\n              size=\"sm\"\n              className=\"w-32 justify-between rounded font-normal\"\n            >\n              <span className=\"truncate\">\n                {columns.find(column => column.id === filter.id)?.columnDef.meta\n                  ?.label ?? 'Selecione o campo'}\n              </span>\n              <CaretUpDown className=\"opacity-50\" />\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            id={fieldListboxId}\n            align=\"start\"\n            className=\"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0\"\n          >\n            <Command>\n              <CommandInput placeholder=\"Buscar campo...\" />\n              <CommandList>\n                <CommandEmpty>Nenhum campo encontrado.</CommandEmpty>\n                <CommandGroup>\n                  {columns.map(column => (\n                    <CommandItem\n                      key={column.id}\n                      value={column.id}\n                      onSelect={value => {\n                        onFilterUpdate(filter.filterId, {\n                          id: value as Extract<keyof TData, string>,\n                          variant: column.columnDef.meta?.variant ?? 'text',\n                          operator: getDefaultFilterOperator(\n                            column.columnDef.meta?.variant ?? 'text'\n                          ),\n                          value: '',\n                        })\n\n                        setShowFieldSelector(false)\n                      }}\n                    >\n                      <span className=\"truncate\">\n                        {column.columnDef.meta?.label}\n                      </span>\n                      <Check\n                        className={cn(\n                          'ml-auto',\n                          column.id === filter.id ? 'opacity-100' : 'opacity-0'\n                        )}\n                      />\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n        <Select\n          open={showOperatorSelector}\n          onOpenChange={setShowOperatorSelector}\n          value={filter.operator}\n          onValueChange={(value: FilterOperator) =>\n            onFilterUpdate(filter.filterId, {\n              operator: value,\n              value:\n                value === 'isEmpty' || value === 'isNotEmpty'\n                  ? ''\n                  : filter.value,\n            })\n          }\n        >\n          <SelectTrigger\n            aria-controls={operatorListboxId}\n            className=\"h-10 w-32 rounded lowercase [&[data-size]]:h-10\"\n          >\n            <div className=\"truncate\">\n              <SelectValue placeholder={filter.operator} />\n            </div>\n          </SelectTrigger>\n          <SelectContent\n            id={operatorListboxId}\n            className=\"origin-[var(--radix-select-content-transform-origin)]\"\n          >\n            {filterOperators.map(operator => (\n              <SelectItem\n                key={operator.value}\n                value={operator.value}\n                className=\"lowercase\"\n              >\n                {operator.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <div className=\"min-w-36 flex-1\">\n          {onFilterInputRender({\n            filter,\n            inputId,\n            column,\n            columnMeta,\n            onFilterUpdate,\n            showValueSelector,\n            setShowValueSelector,\n          })}\n        </div>\n        <Button\n          aria-controls={filterItemId}\n          variant=\"secondary\"\n          size=\"icon\"\n          className=\"size-8 rounded\"\n          onClick={() => onFilterRemove(filter.filterId)}\n        >\n          <Trash weight=\"bold\" />\n        </Button>\n        <SortableItemHandle asChild>\n          <Button variant=\"secondary\" size=\"icon\" className=\"size-8 rounded\">\n            <DotsSixVertical weight=\"bold\" />\n          </Button>\n        </SortableItemHandle>\n      </div>\n    </SortableItem>\n  )\n}\n\nfunction onFilterInputRender<TData>({\n  filter,\n  inputId,\n  column,\n  columnMeta,\n  onFilterUpdate,\n  showValueSelector,\n  setShowValueSelector,\n}: {\n  filter: ExtendedColumnFilter<TData>\n  inputId: string\n  column: Column<TData>\n  columnMeta?: ColumnMeta<TData, unknown>\n  onFilterUpdate: (\n    filterId: string,\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\n  ) => void\n  showValueSelector: boolean\n  setShowValueSelector: (value: boolean) => void\n}) {\n  if (filter.operator === 'isEmpty' || filter.operator === 'isNotEmpty') {\n    return (\n      <div\n        id={inputId}\n        role=\"status\"\n        aria-label={`${columnMeta?.label} filter is ${\n          filter.operator === 'isEmpty' ? 'empty' : 'not empty'\n        }`}\n        aria-live=\"polite\"\n        className=\"h-10 w-full rounded border bg-transparent dark:bg-input/30\"\n      />\n    )\n  }\n\n  switch (filter.variant) {\n    case 'text':\n    case 'number':\n    case 'range': {\n      if (\n        (filter.variant === 'range' && filter.operator === 'isBetween') ||\n        filter.operator === 'isBetween'\n      ) {\n        return (\n          <DataTableRangeFilter\n            filter={filter}\n            column={column}\n            inputId={inputId}\n            onFilterUpdate={onFilterUpdate}\n          />\n        )\n      }\n\n      const isNumber = filter.variant === 'number' || filter.variant === 'range'\n\n      return (\n        <Input\n          id={inputId}\n          type={isNumber ? 'number' : filter.variant}\n          aria-label={`${columnMeta?.label} filter value`}\n          aria-describedby={`${inputId}-description`}\n          inputMode={isNumber ? 'numeric' : undefined}\n          placeholder={columnMeta?.placeholder ?? 'Enter a value...'}\n          className=\"h-10 w-full rounded\"\n          defaultValue={\n            typeof filter.value === 'string' ? filter.value : undefined\n          }\n          onChange={event =>\n            onFilterUpdate(filter.filterId, {\n              value: event.target.value,\n            })\n          }\n        />\n      )\n    }\n\n    case 'boolean': {\n      if (Array.isArray(filter.value)) return null\n\n      const inputListboxId = `${inputId}-listbox`\n\n      return (\n        <Select\n          open={showValueSelector}\n          onOpenChange={setShowValueSelector}\n          value={filter.value}\n          onValueChange={value =>\n            onFilterUpdate(filter.filterId, {\n              value,\n            })\n          }\n        >\n          <SelectTrigger\n            id={inputId}\n            aria-controls={inputListboxId}\n            aria-label={`${columnMeta?.label} boolean filter`}\n            className=\"h-10 w-full rounded [&[data-size]]:h-10\"\n          >\n            <SelectValue placeholder={filter.value ? 'True' : 'False'} />\n          </SelectTrigger>\n          <SelectContent id={inputListboxId}>\n            <SelectItem value=\"true\">True</SelectItem>\n            <SelectItem value=\"false\">False</SelectItem>\n          </SelectContent>\n        </Select>\n      )\n    }\n\n    case 'select':\n    case 'multiSelect': {\n      const inputListboxId = `${inputId}-listbox`\n\n      const multiple = filter.variant === 'multiSelect'\n      const selectedValues = multiple\n        ? Array.isArray(filter.value)\n          ? filter.value\n          : []\n        : typeof filter.value === 'string'\n          ? filter.value\n          : undefined\n\n      return (\n        <Faceted\n          open={showValueSelector}\n          onOpenChange={setShowValueSelector}\n          value={selectedValues}\n          onValueChange={value => {\n            onFilterUpdate(filter.filterId, {\n              value,\n            })\n          }}\n          multiple={multiple}\n        >\n          <FacetedTrigger asChild>\n            <Button\n              id={inputId}\n              aria-controls={inputListboxId}\n              aria-label={`${columnMeta?.label} filter value${multiple ? 's' : ''}`}\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"w-full rounded font-normal\"\n            >\n              <FacetedBadgeList\n                options={columnMeta?.options}\n                placeholder={\n                  columnMeta?.placeholder ??\n                  `Select option${multiple ? 's' : ''}...`\n                }\n              />\n            </Button>\n          </FacetedTrigger>\n          <FacetedContent\n            id={inputListboxId}\n            className=\"w-[200px] origin-[var(--radix-popover-content-transform-origin)]\"\n          >\n            <FacetedInput\n              aria-label={`Search ${columnMeta?.label} options`}\n              placeholder={columnMeta?.placeholder ?? 'Search options...'}\n            />\n            <FacetedList>\n              <FacetedEmpty>No options found.</FacetedEmpty>\n              <FacetedGroup>\n                {columnMeta?.options?.map(option => (\n                  <FacetedItem key={option.value} value={option.value}>\n                    {option.icon && <option.icon />}\n                    <span>{option.label}</span>\n                    {option.count && (\n                      <span className=\"ml-auto font-mono text-xs\">\n                        {option.count}\n                      </span>\n                    )}\n                  </FacetedItem>\n                ))}\n              </FacetedGroup>\n            </FacetedList>\n          </FacetedContent>\n        </Faceted>\n      )\n    }\n\n    case 'date':\n    case 'dateRange': {\n      const inputListboxId = `${inputId}-listbox`\n\n      const dateValue = Array.isArray(filter.value)\n        ? filter.value.filter(Boolean)\n        : [filter.value, filter.value].filter(Boolean)\n\n      const displayValue =\n        filter.operator === 'isBetween' && dateValue.length === 2\n          ? `${formatDate(new Date(Number(dateValue[0])))} - ${formatDate(\n              new Date(Number(dateValue[1]))\n            )}`\n          : dateValue[0]\n            ? formatDate(new Date(Number(dateValue[0])))\n            : 'Escolha uma data'\n\n      return (\n        <Popover open={showValueSelector} onOpenChange={setShowValueSelector}>\n          <PopoverTrigger asChild>\n            <Button\n              id={inputId}\n              aria-controls={inputListboxId}\n              aria-label={`${columnMeta?.label} date filter`}\n              variant=\"secondary\"\n              size=\"sm\"\n              className={cn(\n                'w-full justify-start rounded text-left font-normal',\n                !filter.value && 'text-gray-400'\n              )}\n            >\n              <CalendarBlank weight=\"bold\" />\n              <span className=\"truncate text-sm\">{displayValue}</span>\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            id={inputListboxId}\n            align=\"start\"\n            className=\"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0\"\n          >\n            {filter.operator === 'isBetween' ? (\n              <Calendar\n                aria-label={`Select ${columnMeta?.label} date range`}\n                mode=\"range\"\n                initialFocus\n                selected={\n                  dateValue.length === 2\n                    ? {\n                        from: new Date(Number(dateValue[0])),\n                        to: new Date(Number(dateValue[1])),\n                      }\n                    : {\n                        from: new Date(),\n                        to: new Date(),\n                      }\n                }\n                onSelect={date => {\n                  onFilterUpdate(filter.filterId, {\n                    value: date\n                      ? [\n                          (date.from?.getTime() ?? '').toString(),\n                          (date.to?.getTime() ?? '').toString(),\n                        ]\n                      : [],\n                  })\n                }}\n              />\n            ) : (\n              <Calendar\n                aria-label={`Select ${columnMeta?.label} date`}\n                mode=\"single\"\n                initialFocus\n                selected={\n                  dateValue[0] ? new Date(Number(dateValue[0])) : undefined\n                }\n                onSelect={date => {\n                  onFilterUpdate(filter.filterId, {\n                    value: (date?.getTime() ?? '').toString(),\n                  })\n                }}\n              />\n            )}\n          </PopoverContent>\n        </Popover>\n      )\n    }\n\n    default:\n      return null\n  }\n}\n"],"names":["__webpack_require__","e","Object","Symbol","FILTERS_KEY","JOIN_OPERATOR_KEY","DEBOUNCE_MS","THROTTLE_MS","OPEN_MENU_SHORTCUT","REMOVE_FILTER_SHORTCUTS","DataTableFilterList","table","debounceMs","throttleMs","shallow","props","id","React","labelId","descriptionId","open","setOpen","addButtonRef","columns","column","filters","setFilters","useQueryState","getFiltersStateParser","field","debouncedSetFilters","useDebouncedCallback","joinOperator","setJoinOperator","parseAsStringEnum","onFilterAdd","getDefaultFilterOperator","generateId","onFilterUpdate","filterId","updates","prevFilters","filter","onFilterRemove","requestAnimationFrame","onFiltersReset","onKeyDown","event","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","Sortable","item","Popover","PopoverTrigger","Button","FunnelSimple","Badge","PopoverContent","cn","SortableContent","index","DataTableFilterItem","SortableOverlay","filterItemId","showFieldSelector","setShowFieldSelector","showOperatorSelector","setShowOperatorSelector","showValueSelector","setShowValueSelector","joinOperatorListboxId","fieldListboxId","operatorListboxId","inputId","columnMeta","filterOperators","getFilterOperators","onItemKeyDown","SortableItem","Select","value","SelectTrigger","SelectValue","SelectContent","dataTableConfig","SelectItem","CaretUpDown","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","operator","onFilterInputRender","Trash","SortableItemHandle","DotsSixVertical","DataTableRangeFilter","isNumber","Input","undefined","Array","inputListboxId","multiple","selectedValues","Faceted","FacetedTrigger","FacetedBadgeList","FacetedContent","FacetedInput","FacetedList","FacetedEmpty","FacetedGroup","option","FacetedItem","dateValue","Boolean","displayValue","formatDate","Date","Number","CalendarBlank","Calendar","date"],"mappings":"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"}

package/dist/cjs/components/data-table/data-table-filter-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-filter-menu.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-filter-menu.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport {\r\n  Calendar as CalendarIcon,\r\n  Check,\r\n  FunnelSimple,\r\n  SealCheck,\r\n  TextAlignLeft,\r\n  X,\r\n} from '@phosphor-icons/react'\r\nimport type { Column, Table } from '@tanstack/react-table'\r\nimport { useQueryState } from 'nuqs'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Calendar } from '@/components/calendar'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { DataTableRangeFilter } from '@/components/data-table/data-table-range-filter'\r\nimport { Input } from '@/components/input'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '@/components/select'\r\nimport { useDebouncedCallback } from '@/hooks/use-debounced-callback'\r\nimport { getDefaultFilterOperator, getFilterOperators } from '@/lib/data-table'\r\nimport { formatDate } from '@/lib/format'\r\nimport { generateId } from '@/lib/id'\r\nimport { getFiltersStateParser } from '@/lib/parsers'\r\nimport { cn } from '@/lib/utils'\r\nimport type { ExtendedColumnFilter, FilterOperator } from '@/types/data-table'\r\n\r\nconst FILTERS_KEY = 'filters'\r\nconst DEBOUNCE_MS = 300\r\nconst THROTTLE_MS = 50\r\nconst OPEN_MENU_SHORTCUT = 'f'\r\nconst REMOVE_FILTER_SHORTCUTS = ['backspace', 'delete']\r\n\r\ninterface DataTableFilterMenuProps<TData>\r\n  extends React.ComponentProps<typeof PopoverContent> {\r\n  table: Table<TData>\r\n  debounceMs?: number\r\n  throttleMs?: number\r\n  shallow?: boolean\r\n}\r\n\r\nexport function DataTableFilterMenu<TData>({\r\n  table,\r\n  debounceMs = DEBOUNCE_MS,\r\n  throttleMs = THROTTLE_MS,\r\n  shallow = true,\r\n  align = 'start',\r\n  ...props\r\n}: DataTableFilterMenuProps<TData>) {\r\n  const id = React.useId()\r\n\r\n  const columns = React.useMemo(() => {\r\n    return table\r\n      .getAllColumns()\r\n      .filter(column => column.columnDef.enableColumnFilter)\r\n  }, [table])\r\n\r\n  const [open, setOpen] = React.useState(false)\r\n  const [selectedColumn, setSelectedColumn] =\r\n    React.useState<Column<TData> | null>(null)\r\n  const [inputValue, setInputValue] = React.useState('')\r\n  const triggerRef = React.useRef<HTMLButtonElement>(null)\r\n  const inputRef = React.useRef<HTMLInputElement>(null)\r\n\r\n  const onOpenChange = React.useCallback((open: boolean) => {\r\n    setOpen(open)\r\n\r\n    if (!open) {\r\n      setTimeout(() => {\r\n        setSelectedColumn(null)\r\n        setInputValue('')\r\n      }, 100)\r\n    }\r\n  }, [])\r\n\r\n  const onInputKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n      if (\r\n        REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n        !inputValue &&\r\n        selectedColumn\r\n      ) {\r\n        event.preventDefault()\r\n        setSelectedColumn(null)\r\n      }\r\n    },\r\n    [inputValue, selectedColumn]\r\n  )\r\n\r\n  const [filters, setFilters] = useQueryState(\r\n    FILTERS_KEY,\r\n    getFiltersStateParser<TData>(columns.map(field => field.id))\r\n      .withDefault([])\r\n      .withOptions({\r\n        clearOnDefault: true,\r\n        shallow,\r\n        throttleMs,\r\n      })\r\n  )\r\n  const debouncedSetFilters = useDebouncedCallback(setFilters, debounceMs)\r\n\r\n  const onFilterAdd = React.useCallback(\r\n    (column: Column<TData>, value: string) => {\r\n      if (!value.trim() && column.columnDef.meta?.variant !== 'boolean') {\r\n        return\r\n      }\r\n\r\n      const filterValue =\r\n        column.columnDef.meta?.variant === 'multiSelect' ? [value] : value\r\n\r\n      const newFilter: ExtendedColumnFilter<TData> = {\r\n        id: column.id as Extract<keyof TData, string>,\r\n        value: filterValue,\r\n        variant: column.columnDef.meta?.variant ?? 'text',\r\n        operator: getDefaultFilterOperator(\r\n          column.columnDef.meta?.variant ?? 'text'\r\n        ),\r\n        filterId: generateId({ length: 8 }),\r\n      }\r\n\r\n      debouncedSetFilters([...filters, newFilter])\r\n      setOpen(false)\r\n\r\n      setTimeout(() => {\r\n        setSelectedColumn(null)\r\n        setInputValue('')\r\n      }, 100)\r\n    },\r\n    [filters, debouncedSetFilters]\r\n  )\r\n\r\n  const onFilterRemove = React.useCallback(\r\n    (filterId: string) => {\r\n      const updatedFilters = filters.filter(\r\n        filter => filter.filterId !== filterId\r\n      )\r\n      debouncedSetFilters(updatedFilters)\r\n      requestAnimationFrame(() => {\r\n        triggerRef.current?.focus()\r\n      })\r\n    },\r\n    [filters, debouncedSetFilters]\r\n  )\r\n\r\n  const onFilterUpdate = React.useCallback(\r\n    (\r\n      filterId: string,\r\n      updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n    ) => {\r\n      debouncedSetFilters(prevFilters => {\r\n        const updatedFilters = prevFilters.map(filter => {\r\n          if (filter.filterId === filterId) {\r\n            return { ...filter, ...updates } as ExtendedColumnFilter<TData>\r\n          }\r\n          return filter\r\n        })\r\n        return updatedFilters\r\n      })\r\n    },\r\n    [debouncedSetFilters]\r\n  )\r\n\r\n  const onFiltersReset = React.useCallback(() => {\r\n    debouncedSetFilters([])\r\n  }, [debouncedSetFilters])\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        !event.ctrlKey &&\r\n        !event.metaKey &&\r\n        !event.shiftKey\r\n      ) {\r\n        event.preventDefault()\r\n        setOpen(true)\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        event.shiftKey &&\r\n        !open &&\r\n        filters.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\r\n      }\r\n    }\r\n\r\n    window.addEventListener('keydown', onKeyDown)\r\n    return () => window.removeEventListener('keydown', onKeyDown)\r\n  }, [open, filters, onFilterRemove])\r\n\r\n  const onTriggerKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\r\n      if (\r\n        REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n        filters.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\r\n      }\r\n    },\r\n    [filters, onFilterRemove]\r\n  )\r\n\r\n  return (\r\n    <div className=\"flex flex-wrap items-center gap-2\">\r\n      {filters.map(filter => (\r\n        <DataTableFilterItem\r\n          key={filter.filterId}\r\n          filter={filter}\r\n          filterItemId={`${id}-filter-${filter.filterId}`}\r\n          columns={columns}\r\n          onFilterUpdate={onFilterUpdate}\r\n          onFilterRemove={onFilterRemove}\r\n        />\r\n      ))}\r\n      {filters.length > 0 && (\r\n        <Button\r\n          aria-label=\"Reset all filters\"\r\n          variant=\"outline\"\r\n          size=\"icon\"\r\n          className=\"size-8\"\r\n          onClick={onFiltersReset}\r\n        >\r\n          <X />\r\n        </Button>\r\n      )}\r\n      <Popover open={open} onOpenChange={onOpenChange}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            aria-label=\"Open filter command menu\"\r\n            variant=\"outline\"\r\n            size={filters.length > 0 ? 'icon' : 'sm'}\r\n            className={cn(filters.length > 0 && 'size-8', 'h-10')}\r\n            ref={triggerRef}\r\n            onKeyDown={onTriggerKeyDown}\r\n          >\r\n            <FunnelSimple />\r\n            {filters.length > 0 ? null : 'Filter'}\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent\r\n          align={align}\r\n          className=\"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          {...props}\r\n        >\r\n          <Command loop className=\"[&_[cmdk-input-wrapper]_svg]:hidden\">\r\n            <CommandInput\r\n              ref={inputRef}\r\n              placeholder={\r\n                selectedColumn\r\n                  ? (selectedColumn.columnDef.meta?.label ?? selectedColumn.id)\r\n                  : 'Search fields...'\r\n              }\r\n              value={inputValue}\r\n              onValueChange={setInputValue}\r\n              onKeyDown={onInputKeyDown}\r\n            />\r\n            <CommandList>\r\n              {selectedColumn ? (\r\n                <>\r\n                  {selectedColumn.columnDef.meta?.options && (\r\n                    <CommandEmpty>No options found.</CommandEmpty>\r\n                  )}\r\n                  <FilterValueSelector\r\n                    column={selectedColumn}\r\n                    value={inputValue}\r\n                    onSelect={value => onFilterAdd(selectedColumn, value)}\r\n                  />\r\n                </>\r\n              ) : (\r\n                <>\r\n                  <CommandEmpty>No fields found.</CommandEmpty>\r\n                  <CommandGroup>\r\n                    {columns.map(column => (\r\n                      <CommandItem\r\n                        key={column.id}\r\n                        value={column.id}\r\n                        onSelect={() => {\r\n                          setSelectedColumn(column)\r\n                          setInputValue('')\r\n                          requestAnimationFrame(() => {\r\n                            inputRef.current?.focus()\r\n                          })\r\n                        }}\r\n                      >\r\n                        {column.columnDef.meta?.icon && (\r\n                          <column.columnDef.meta.icon />\r\n                        )}\r\n                        <span className=\"truncate\">\r\n                          {column.columnDef.meta?.label ?? column.id}\r\n                        </span>\r\n                      </CommandItem>\r\n                    ))}\r\n                  </CommandGroup>\r\n                </>\r\n              )}\r\n            </CommandList>\r\n          </Command>\r\n        </PopoverContent>\r\n      </Popover>\r\n    </div>\r\n  )\r\n}\r\n\r\ninterface DataTableFilterItemProps<TData> {\r\n  filter: ExtendedColumnFilter<TData>\r\n  filterItemId: string\r\n  columns: Column<TData>[]\r\n  onFilterUpdate: (\r\n    filterId: string,\r\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n  ) => void\r\n  onFilterRemove: (filterId: string) => void\r\n}\r\n\r\nfunction DataTableFilterItem<TData>({\r\n  filter,\r\n  filterItemId,\r\n  columns,\r\n  onFilterUpdate,\r\n  onFilterRemove,\r\n}: DataTableFilterItemProps<TData>) {\r\n  {\r\n    const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n    const [showOperatorSelector, setShowOperatorSelector] =\r\n      React.useState(false)\r\n    const [showValueSelector, setShowValueSelector] = React.useState(false)\r\n\r\n    const column = columns.find(column => column.id === filter.id)\r\n    if (!column) return null\r\n\r\n    const operatorListboxId = `${filterItemId}-operator-listbox`\r\n    const inputId = `${filterItemId}-input`\r\n\r\n    const columnMeta = column.columnDef.meta\r\n    const filterOperators = getFilterOperators(filter.variant)\r\n\r\n    const onItemKeyDown = React.useCallback(\r\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n        if (\r\n          event.target instanceof HTMLInputElement ||\r\n          event.target instanceof HTMLTextAreaElement\r\n        ) {\r\n          return\r\n        }\r\n\r\n        if (showFieldSelector || showOperatorSelector || showValueSelector) {\r\n          return\r\n        }\r\n\r\n        if (REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase())) {\r\n          event.preventDefault()\r\n          onFilterRemove(filter.filterId)\r\n        }\r\n      },\r\n      [\r\n        filter.filterId,\r\n        showFieldSelector,\r\n        showOperatorSelector,\r\n        showValueSelector,\r\n        onFilterRemove,\r\n      ]\r\n    )\r\n\r\n    return (\r\n      <div\r\n        key={filter.filterId}\r\n        role=\"listitem\"\r\n        id={filterItemId}\r\n        className=\"flex h-10 items-center rounded-md bg-background\"\r\n        onKeyDown={onItemKeyDown}\r\n      >\r\n        <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              variant=\"ghost\"\r\n              size=\"sm\"\r\n              className=\"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30\"\r\n            >\r\n              {columnMeta?.icon && (\r\n                <columnMeta.icon className=\"text-muted-foreground\" />\r\n              )}\r\n              {columnMeta?.label ?? column.id}\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            align=\"start\"\r\n            className=\"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            <Command loop>\r\n              <CommandInput placeholder=\"Search fields...\" />\r\n              <CommandList>\r\n                <CommandEmpty>No fields found.</CommandEmpty>\r\n                <CommandGroup>\r\n                  {columns.map(column => (\r\n                    <CommandItem\r\n                      key={column.id}\r\n                      value={column.id}\r\n                      onSelect={() => {\r\n                        onFilterUpdate(filter.filterId, {\r\n                          id: column.id as Extract<keyof TData, string>,\r\n                          variant: column.columnDef.meta?.variant ?? 'text',\r\n                          operator: getDefaultFilterOperator(\r\n                            column.columnDef.meta?.variant ?? 'text'\r\n                          ),\r\n                          value: '',\r\n                        })\r\n\r\n                        setShowFieldSelector(false)\r\n                      }}\r\n                    >\r\n                      {column.columnDef.meta?.icon && (\r\n                        <column.columnDef.meta.icon />\r\n                      )}\r\n                      <span className=\"truncate\">\r\n                        {column.columnDef.meta?.label ?? column.id}\r\n                      </span>\r\n                      <Check\r\n                        className={cn(\r\n                          'ml-auto',\r\n                          column.id === filter.id ? 'opacity-100' : 'opacity-0'\r\n                        )}\r\n                      />\r\n                    </CommandItem>\r\n                  ))}\r\n                </CommandGroup>\r\n              </CommandList>\r\n            </Command>\r\n          </PopoverContent>\r\n        </Popover>\r\n        <Select\r\n          open={showOperatorSelector}\r\n          onOpenChange={setShowOperatorSelector}\r\n          value={filter.operator}\r\n          onValueChange={(value: FilterOperator) =>\r\n            onFilterUpdate(filter.filterId, {\r\n              operator: value,\r\n              value:\r\n                value === 'isEmpty' || value === 'isNotEmpty'\r\n                  ? ''\r\n                  : filter.value,\r\n            })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            aria-controls={operatorListboxId}\r\n            className=\"h-10 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-10 [&_svg]:hidden\"\r\n          >\r\n            <SelectValue placeholder={filter.operator} />\r\n          </SelectTrigger>\r\n          <SelectContent\r\n            id={operatorListboxId}\r\n            className=\"origin-[var(--radix-select-content-transform-origin)]\"\r\n          >\r\n            {filterOperators.map(operator => (\r\n              <SelectItem\r\n                key={operator.value}\r\n                className=\"lowercase\"\r\n                value={operator.value}\r\n              >\r\n                {operator.label}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n        {onFilterInputRender({\r\n          filter,\r\n          column,\r\n          inputId,\r\n          onFilterUpdate,\r\n          showValueSelector,\r\n          setShowValueSelector,\r\n        })}\r\n        <Button\r\n          aria-controls={filterItemId}\r\n          variant=\"ghost\"\r\n          size=\"sm\"\r\n          className=\"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30\"\r\n          onClick={() => onFilterRemove(filter.filterId)}\r\n        >\r\n          <X className=\"size-3.5\" />\r\n        </Button>\r\n      </div>\r\n    )\r\n  }\r\n}\r\n\r\ninterface FilterValueSelectorProps<TData> {\r\n  column: Column<TData>\r\n  value: string\r\n  onSelect: (value: string) => void\r\n}\r\n\r\nfunction FilterValueSelector<TData>({\r\n  column,\r\n  value,\r\n  onSelect,\r\n}: FilterValueSelectorProps<TData>) {\r\n  const variant = column.columnDef.meta?.variant ?? 'text'\r\n\r\n  switch (variant) {\r\n    case 'boolean':\r\n      return (\r\n        <CommandGroup>\r\n          <CommandItem value=\"true\" onSelect={() => onSelect('true')}>\r\n            True\r\n          </CommandItem>\r\n          <CommandItem value=\"false\" onSelect={() => onSelect('false')}>\r\n            False\r\n          </CommandItem>\r\n        </CommandGroup>\r\n      )\r\n\r\n    case 'select':\r\n    case 'multiSelect':\r\n      return (\r\n        <CommandGroup>\r\n          {column.columnDef.meta?.options?.map(option => (\r\n            <CommandItem\r\n              key={option.value}\r\n              value={option.value}\r\n              onSelect={() => onSelect(option.value)}\r\n            >\r\n              {option.icon && <option.icon />}\r\n              <span className=\"truncate\">{option.label}</span>\r\n              {option.count && (\r\n                <span className=\"ml-auto font-mono text-xs\">\r\n                  {option.count}\r\n                </span>\r\n              )}\r\n            </CommandItem>\r\n          ))}\r\n        </CommandGroup>\r\n      )\r\n\r\n    case 'date':\r\n    case 'dateRange':\r\n      return (\r\n        <Calendar\r\n          initialFocus\r\n          mode=\"single\"\r\n          selected={value ? new Date(value) : undefined}\r\n          onSelect={date => onSelect(date?.getTime().toString() ?? '')}\r\n        />\r\n      )\r\n\r\n    default: {\r\n      const isEmpty = !value.trim()\r\n\r\n      return (\r\n        <CommandGroup>\r\n          <CommandItem\r\n            value={value}\r\n            onSelect={() => onSelect(value)}\r\n            disabled={isEmpty}\r\n          >\r\n            {isEmpty ? (\r\n              <>\r\n                <TextAlignLeft />\r\n                <span>Type to add filter...</span>\r\n              </>\r\n            ) : (\r\n              <>\r\n                <SealCheck />\r\n                <span className=\"truncate\">Filter by &quot;{value}&quot;</span>\r\n              </>\r\n            )}\r\n          </CommandItem>\r\n        </CommandGroup>\r\n      )\r\n    }\r\n  }\r\n}\r\n\r\nfunction onFilterInputRender<TData>({\r\n  filter,\r\n  column,\r\n  inputId,\r\n  onFilterUpdate,\r\n  showValueSelector,\r\n  setShowValueSelector,\r\n}: {\r\n  filter: ExtendedColumnFilter<TData>\r\n  column: Column<TData>\r\n  inputId: string\r\n  onFilterUpdate: (\r\n    filterId: string,\r\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n  ) => void\r\n  showValueSelector: boolean\r\n  setShowValueSelector: (value: boolean) => void\r\n}) {\r\n  if (filter.operator === 'isEmpty' || filter.operator === 'isNotEmpty') {\r\n    return (\r\n      <div\r\n        id={inputId}\r\n        role=\"status\"\r\n        aria-label={`${column.columnDef.meta?.label} filter is ${\r\n          filter.operator === 'isEmpty' ? 'empty' : 'not empty'\r\n        }`}\r\n        aria-live=\"polite\"\r\n        className=\"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground dark:bg-input/30\"\r\n      />\r\n    )\r\n  }\r\n\r\n  switch (filter.variant) {\r\n    case 'text':\r\n    case 'number':\r\n    case 'range': {\r\n      if (\r\n        (filter.variant === 'range' && filter.operator === 'isBetween') ||\r\n        filter.operator === 'isBetween'\r\n      ) {\r\n        return (\r\n          <DataTableRangeFilter\r\n            filter={filter}\r\n            column={column}\r\n            inputId={inputId}\r\n            onFilterUpdate={onFilterUpdate}\r\n            className=\"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5\"\r\n          />\r\n        )\r\n      }\r\n\r\n      const isNumber = filter.variant === 'number' || filter.variant === 'range'\r\n\r\n      return (\r\n        <Input\r\n          id={inputId}\r\n          type={isNumber ? 'number' : 'text'}\r\n          inputMode={isNumber ? 'numeric' : undefined}\r\n          placeholder={column.columnDef.meta?.placeholder ?? 'Enter value...'}\r\n          className=\"h-full w-24 rounded-none px-1.5\"\r\n          defaultValue={typeof filter.value === 'string' ? filter.value : ''}\r\n          onChange={event =>\r\n            onFilterUpdate(filter.filterId, { value: event.target.value })\r\n          }\r\n        />\r\n      )\r\n    }\r\n\r\n    case 'boolean': {\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      return (\r\n        <Select\r\n          open={showValueSelector}\r\n          onOpenChange={setShowValueSelector}\r\n          value={typeof filter.value === 'string' ? filter.value : 'true'}\r\n          onValueChange={(value: 'true' | 'false') =>\r\n            onFilterUpdate(filter.filterId, { value })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            id={inputId}\r\n            aria-controls={inputListboxId}\r\n            className=\"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden\"\r\n          >\r\n            <SelectValue placeholder={filter.value ? 'True' : 'False'} />\r\n          </SelectTrigger>\r\n          <SelectContent id={inputListboxId}>\r\n            <SelectItem value=\"true\">True</SelectItem>\r\n            <SelectItem value=\"false\">False</SelectItem>\r\n          </SelectContent>\r\n        </Select>\r\n      )\r\n    }\r\n\r\n    case 'select':\r\n    case 'multiSelect': {\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      const options = column.columnDef.meta?.options ?? []\r\n      const selectedValues = Array.isArray(filter.value)\r\n        ? filter.value\r\n        : [filter.value]\r\n\r\n      const selectedOptions = options.filter(option =>\r\n        selectedValues.includes(option.value)\r\n      )\r\n\r\n      return (\r\n        <Popover open={showValueSelector} onOpenChange={setShowValueSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              id={inputId}\r\n              aria-controls={inputListboxId}\r\n              variant=\"ghost\"\r\n              size=\"sm\"\r\n              className=\"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30\"\r\n            >\r\n              {selectedOptions.length === 0 ? (\r\n                filter.variant === 'multiSelect' ? (\r\n                  'Select options...'\r\n                ) : (\r\n                  'Select option...'\r\n                )\r\n              ) : (\r\n                <>\r\n                  <div className=\"-space-x-2 flex items-center rtl:space-x-reverse\">\r\n                    {selectedOptions.map(selectedOption =>\r\n                      selectedOption.icon ? (\r\n                        <div\r\n                          key={selectedOption.value}\r\n                          className=\"rounded-full border bg-background p-0.5\"\r\n                        >\r\n                          <selectedOption.icon className=\"size-3.5\" />\r\n                        </div>\r\n                      ) : null\r\n                    )}\r\n                  </div>\r\n                  <span className=\"truncate\">\r\n                    {selectedOptions.length > 1\r\n                      ? `${selectedOptions.length} selected`\r\n                      : selectedOptions[0]?.label}\r\n                  </span>\r\n                </>\r\n              )}\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={inputListboxId}\r\n            align=\"start\"\r\n            className=\"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            <Command>\r\n              <CommandInput placeholder=\"Search options...\" />\r\n              <CommandList>\r\n                <CommandEmpty>No options found.</CommandEmpty>\r\n                <CommandGroup>\r\n                  {options.map(option => (\r\n                    <CommandItem\r\n                      key={option.value}\r\n                      value={option.value}\r\n                      onSelect={() => {\r\n                        const value =\r\n                          filter.variant === 'multiSelect'\r\n                            ? selectedValues.includes(option.value)\r\n                              ? selectedValues.filter(v => v !== option.value)\r\n                              : [...selectedValues, option.value]\r\n                            : option.value\r\n                        onFilterUpdate(filter.filterId, { value })\r\n                      }}\r\n                    >\r\n                      {option.icon && <option.icon />}\r\n                      <span className=\"truncate\">{option.label}</span>\r\n                      {filter.variant === 'multiSelect' && (\r\n                        <Check\r\n                          className={cn(\r\n                            'ml-auto',\r\n                            selectedValues.includes(option.value)\r\n                              ? 'opacity-100'\r\n                              : 'opacity-0'\r\n                          )}\r\n                        />\r\n                      )}\r\n                    </CommandItem>\r\n                  ))}\r\n                </CommandGroup>\r\n              </CommandList>\r\n            </Command>\r\n          </PopoverContent>\r\n        </Popover>\r\n      )\r\n    }\r\n\r\n    case 'date':\r\n    case 'dateRange': {\r\n      const inputListboxId = `${inputId}-listbox`\r\n\r\n      const dateValue = Array.isArray(filter.value)\r\n        ? filter.value.filter(Boolean)\r\n        : [filter.value, filter.value].filter(Boolean)\r\n\r\n      const displayValue =\r\n        filter.operator === 'isBetween' && dateValue.length === 2\r\n          ? `${formatDate(new Date(Number(dateValue[0])))} - ${formatDate(\r\n              new Date(Number(dateValue[1]))\r\n            )}`\r\n          : dateValue[0]\r\n            ? formatDate(new Date(Number(dateValue[0])))\r\n            : 'Pick date...'\r\n\r\n      return (\r\n        <Popover open={showValueSelector} onOpenChange={setShowValueSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              id={inputId}\r\n              aria-controls={inputListboxId}\r\n              variant=\"ghost\"\r\n              size=\"sm\"\r\n              className={cn(\r\n                'h-full rounded-none border px-1.5 font-normal dark:bg-input/30',\r\n                !filter.value && 'text-muted-foreground'\r\n              )}\r\n            >\r\n              <CalendarIcon className=\"size-3.5\" />\r\n              <span className=\"truncate\">{displayValue}</span>\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={inputListboxId}\r\n            align=\"start\"\r\n            className=\"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            {filter.operator === 'isBetween' ? (\r\n              <Calendar\r\n                mode=\"range\"\r\n                initialFocus\r\n                selected={\r\n                  dateValue.length === 2\r\n                    ? {\r\n                        from: new Date(Number(dateValue[0])),\r\n                        to: new Date(Number(dateValue[1])),\r\n                      }\r\n                    : {\r\n                        from: new Date(),\r\n                        to: new Date(),\r\n                      }\r\n                }\r\n                onSelect={date => {\r\n                  onFilterUpdate(filter.filterId, {\r\n                    value: date\r\n                      ? [\r\n                          (date.from?.getTime() ?? '').toString(),\r\n                          (date.to?.getTime() ?? '').toString(),\r\n                        ]\r\n                      : [],\r\n                  })\r\n                }}\r\n              />\r\n            ) : (\r\n              <Calendar\r\n                mode=\"single\"\r\n                initialFocus\r\n                selected={\r\n                  dateValue[0] ? new Date(Number(dateValue[0])) : undefined\r\n                }\r\n                onSelect={date => {\r\n                  onFilterUpdate(filter.filterId, {\r\n                    value: (date?.getTime() ?? '').toString(),\r\n                  })\r\n                }}\r\n              />\r\n            )}\r\n          </PopoverContent>\r\n        </Popover>\r\n      )\r\n    }\r\n\r\n    default:\r\n      return null\r\n  }\r\n}\r\n"],"names":["__webpack_require__","e","Object","Symbol","FILTERS_KEY","DEBOUNCE_MS","THROTTLE_MS","OPEN_MENU_SHORTCUT","REMOVE_FILTER_SHORTCUTS","DataTableFilterMenu","table","debounceMs","throttleMs","shallow","align","props","id","React","columns","column","open","setOpen","selectedColumn","setSelectedColumn","inputValue","setInputValue","triggerRef","inputRef","onOpenChange","setTimeout","onInputKeyDown","event","filters","setFilters","useQueryState","getFiltersStateParser","field","debouncedSetFilters","useDebouncedCallback","onFilterAdd","value","filterValue","getDefaultFilterOperator","generateId","onFilterRemove","filterId","filter","requestAnimationFrame","onFilterUpdate","updates","prevFilters","onFiltersReset","onKeyDown","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","DataTableFilterItem","Button","X","Popover","PopoverTrigger","cn","FunnelSimple","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","FilterValueSelector","CommandGroup","CommandItem","filterItemId","showFieldSelector","setShowFieldSelector","showOperatorSelector","setShowOperatorSelector","showValueSelector","setShowValueSelector","operatorListboxId","inputId","columnMeta","filterOperators","getFilterOperators","onItemKeyDown","Check","Select","SelectTrigger","SelectValue","SelectContent","operator","SelectItem","onFilterInputRender","onSelect","option","Calendar","Date","undefined","date","isEmpty","TextAlignLeft","SealCheck","DataTableRangeFilter","isNumber","Input","inputListboxId","options","selectedValues","Array","selectedOptions","selectedOption","v","dateValue","Boolean","displayValue","formatDate","Number","CalendarIcon"],"mappings":"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"}
+{"version":3,"file":"components/data-table/data-table-filter-menu.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-filter-menu.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n\nimport {\n  Calendar as CalendarIcon,\n  Check,\n  FunnelSimple,\n  SealCheck,\n  TextAlignLeft,\n  X,\n} from '@phosphor-icons/react'\nimport type { Column, Table } from '@tanstack/react-table'\nimport { useQueryState } from 'nuqs'\nimport * as React from 'react'\n\nimport { Button } from '@/components/button'\nimport { Calendar } from '@/components/calendar'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/command'\nimport { DataTableRangeFilter } from '@/components/data-table/data-table-range-filter'\nimport { Input } from '@/components/input'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/select'\nimport { useDebouncedCallback } from '@/hooks/use-debounced-callback'\nimport { getDefaultFilterOperator, getFilterOperators } from '@/lib/data-table'\nimport { formatDate } from '@/lib/format'\nimport { generateId } from '@/lib/id'\nimport { getFiltersStateParser } from '@/lib/parsers'\nimport { cn } from '@/lib/utils'\nimport type { ExtendedColumnFilter, FilterOperator } from '@/types/data-table'\n\nconst FILTERS_KEY = 'filters'\nconst DEBOUNCE_MS = 300\nconst THROTTLE_MS = 50\nconst OPEN_MENU_SHORTCUT = 'f'\nconst REMOVE_FILTER_SHORTCUTS = ['backspace', 'delete']\n\ninterface DataTableFilterMenuProps<TData>\n  extends React.ComponentProps<typeof PopoverContent> {\n  table: Table<TData>\n  debounceMs?: number\n  throttleMs?: number\n  shallow?: boolean\n}\n\nexport function DataTableFilterMenu<TData>({\n  table,\n  debounceMs = DEBOUNCE_MS,\n  throttleMs = THROTTLE_MS,\n  shallow = true,\n  align = 'start',\n  ...props\n}: DataTableFilterMenuProps<TData>) {\n  const id = React.useId()\n\n  const columns = React.useMemo(() => {\n    return table\n      .getAllColumns()\n      .filter(column => column.columnDef.enableColumnFilter)\n  }, [table])\n\n  const [open, setOpen] = React.useState(false)\n  const [selectedColumn, setSelectedColumn] =\n    React.useState<Column<TData> | null>(null)\n  const [inputValue, setInputValue] = React.useState('')\n  const triggerRef = React.useRef<HTMLButtonElement>(null)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  const onOpenChange = React.useCallback((open: boolean) => {\n    setOpen(open)\n\n    if (!open) {\n      setTimeout(() => {\n        setSelectedColumn(null)\n        setInputValue('')\n      }, 100)\n    }\n  }, [])\n\n  const onInputKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (\n        REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\n        !inputValue &&\n        selectedColumn\n      ) {\n        event.preventDefault()\n        setSelectedColumn(null)\n      }\n    },\n    [inputValue, selectedColumn]\n  )\n\n  const [filters, setFilters] = useQueryState(\n    FILTERS_KEY,\n    getFiltersStateParser<TData>(columns.map(field => field.id))\n      .withDefault([])\n      .withOptions({\n        clearOnDefault: true,\n        shallow,\n        throttleMs,\n      })\n  )\n  const debouncedSetFilters = useDebouncedCallback(setFilters, debounceMs)\n\n  const onFilterAdd = React.useCallback(\n    (column: Column<TData>, value: string) => {\n      if (!value.trim() && column.columnDef.meta?.variant !== 'boolean') {\n        return\n      }\n\n      const filterValue =\n        column.columnDef.meta?.variant === 'multiSelect' ? [value] : value\n\n      const newFilter: ExtendedColumnFilter<TData> = {\n        id: column.id as Extract<keyof TData, string>,\n        value: filterValue,\n        variant: column.columnDef.meta?.variant ?? 'text',\n        operator: getDefaultFilterOperator(\n          column.columnDef.meta?.variant ?? 'text'\n        ),\n        filterId: generateId({ length: 8 }),\n      }\n\n      debouncedSetFilters([...filters, newFilter])\n      setOpen(false)\n\n      setTimeout(() => {\n        setSelectedColumn(null)\n        setInputValue('')\n      }, 100)\n    },\n    [filters, debouncedSetFilters]\n  )\n\n  const onFilterRemove = React.useCallback(\n    (filterId: string) => {\n      const updatedFilters = filters.filter(\n        filter => filter.filterId !== filterId\n      )\n      debouncedSetFilters(updatedFilters)\n      requestAnimationFrame(() => {\n        triggerRef.current?.focus()\n      })\n    },\n    [filters, debouncedSetFilters]\n  )\n\n  const onFilterUpdate = React.useCallback(\n    (\n      filterId: string,\n      updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\n    ) => {\n      debouncedSetFilters(prevFilters => {\n        const updatedFilters = prevFilters.map(filter => {\n          if (filter.filterId === filterId) {\n            return { ...filter, ...updates } as ExtendedColumnFilter<TData>\n          }\n          return filter\n        })\n        return updatedFilters\n      })\n    },\n    [debouncedSetFilters]\n  )\n\n  const onFiltersReset = React.useCallback(() => {\n    debouncedSetFilters([])\n  }, [debouncedSetFilters])\n\n  React.useEffect(() => {\n    function onKeyDown(event: KeyboardEvent) {\n      if (\n        event.target instanceof HTMLInputElement ||\n        event.target instanceof HTMLTextAreaElement\n      ) {\n        return\n      }\n\n      if (\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\n        !event.ctrlKey &&\n        !event.metaKey &&\n        !event.shiftKey\n      ) {\n        event.preventDefault()\n        setOpen(true)\n      }\n\n      if (\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\n        event.shiftKey &&\n        !open &&\n        filters.length > 0\n      ) {\n        event.preventDefault()\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\n      }\n    }\n\n    window.addEventListener('keydown', onKeyDown)\n    return () => window.removeEventListener('keydown', onKeyDown)\n  }, [open, filters, onFilterRemove])\n\n  const onTriggerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (\n        REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase()) &&\n        filters.length > 0\n      ) {\n        event.preventDefault()\n        onFilterRemove(filters[filters.length - 1]?.filterId ?? '')\n      }\n    },\n    [filters, onFilterRemove]\n  )\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      {filters.map(filter => (\n        <DataTableFilterItem\n          key={filter.filterId}\n          filter={filter}\n          filterItemId={`${id}-filter-${filter.filterId}`}\n          columns={columns}\n          onFilterUpdate={onFilterUpdate}\n          onFilterRemove={onFilterRemove}\n        />\n      ))}\n      {filters.length > 0 && (\n        <Button\n          aria-label=\"Reset all filters\"\n          variant=\"outline\"\n          size=\"icon\"\n          className=\"size-8\"\n          onClick={onFiltersReset}\n        >\n          <X />\n        </Button>\n      )}\n      <Popover open={open} onOpenChange={onOpenChange}>\n        <PopoverTrigger asChild>\n          <Button\n            aria-label=\"Open filter command menu\"\n            variant=\"outline\"\n            size={filters.length > 0 ? 'icon' : 'sm'}\n            className={cn(filters.length > 0 && 'size-8', 'h-10')}\n            ref={triggerRef}\n            onKeyDown={onTriggerKeyDown}\n          >\n            <FunnelSimple />\n            {filters.length > 0 ? null : 'Filter'}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          align={align}\n          className=\"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0\"\n          {...props}\n        >\n          <Command loop className=\"[&_[cmdk-input-wrapper]_svg]:hidden\">\n            <CommandInput\n              ref={inputRef}\n              placeholder={\n                selectedColumn\n                  ? (selectedColumn.columnDef.meta?.label ?? selectedColumn.id)\n                  : 'Search fields...'\n              }\n              value={inputValue}\n              onValueChange={setInputValue}\n              onKeyDown={onInputKeyDown}\n            />\n            <CommandList>\n              {selectedColumn ? (\n                <>\n                  {selectedColumn.columnDef.meta?.options && (\n                    <CommandEmpty>No options found.</CommandEmpty>\n                  )}\n                  <FilterValueSelector\n                    column={selectedColumn}\n                    value={inputValue}\n                    onSelect={value => onFilterAdd(selectedColumn, value)}\n                  />\n                </>\n              ) : (\n                <>\n                  <CommandEmpty>No fields found.</CommandEmpty>\n                  <CommandGroup>\n                    {columns.map(column => (\n                      <CommandItem\n                        key={column.id}\n                        value={column.id}\n                        onSelect={() => {\n                          setSelectedColumn(column)\n                          setInputValue('')\n                          requestAnimationFrame(() => {\n                            inputRef.current?.focus()\n                          })\n                        }}\n                      >\n                        {column.columnDef.meta?.icon && (\n                          <column.columnDef.meta.icon />\n                        )}\n                        <span className=\"truncate\">\n                          {column.columnDef.meta?.label ?? column.id}\n                        </span>\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                </>\n              )}\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n\ninterface DataTableFilterItemProps<TData> {\n  filter: ExtendedColumnFilter<TData>\n  filterItemId: string\n  columns: Column<TData>[]\n  onFilterUpdate: (\n    filterId: string,\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\n  ) => void\n  onFilterRemove: (filterId: string) => void\n}\n\nfunction DataTableFilterItem<TData>({\n  filter,\n  filterItemId,\n  columns,\n  onFilterUpdate,\n  onFilterRemove,\n}: DataTableFilterItemProps<TData>) {\n  {\n    const [showFieldSelector, setShowFieldSelector] = React.useState(false)\n    const [showOperatorSelector, setShowOperatorSelector] =\n      React.useState(false)\n    const [showValueSelector, setShowValueSelector] = React.useState(false)\n\n    const column = columns.find(column => column.id === filter.id)\n    if (!column) return null\n\n    const operatorListboxId = `${filterItemId}-operator-listbox`\n    const inputId = `${filterItemId}-input`\n\n    const columnMeta = column.columnDef.meta\n    const filterOperators = getFilterOperators(filter.variant)\n\n    const onItemKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (\n          event.target instanceof HTMLInputElement ||\n          event.target instanceof HTMLTextAreaElement\n        ) {\n          return\n        }\n\n        if (showFieldSelector || showOperatorSelector || showValueSelector) {\n          return\n        }\n\n        if (REMOVE_FILTER_SHORTCUTS.includes(event.key.toLowerCase())) {\n          event.preventDefault()\n          onFilterRemove(filter.filterId)\n        }\n      },\n      [\n        filter.filterId,\n        showFieldSelector,\n        showOperatorSelector,\n        showValueSelector,\n        onFilterRemove,\n      ]\n    )\n\n    return (\n      <div\n        key={filter.filterId}\n        role=\"listitem\"\n        id={filterItemId}\n        className=\"flex h-10 items-center rounded-md bg-background\"\n        onKeyDown={onItemKeyDown}\n      >\n        <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\n          <PopoverTrigger asChild>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30\"\n            >\n              {columnMeta?.icon && (\n                <columnMeta.icon className=\"text-muted-foreground\" />\n              )}\n              {columnMeta?.label ?? column.id}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            align=\"start\"\n            className=\"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0\"\n          >\n            <Command loop>\n              <CommandInput placeholder=\"Search fields...\" />\n              <CommandList>\n                <CommandEmpty>No fields found.</CommandEmpty>\n                <CommandGroup>\n                  {columns.map(column => (\n                    <CommandItem\n                      key={column.id}\n                      value={column.id}\n                      onSelect={() => {\n                        onFilterUpdate(filter.filterId, {\n                          id: column.id as Extract<keyof TData, string>,\n                          variant: column.columnDef.meta?.variant ?? 'text',\n                          operator: getDefaultFilterOperator(\n                            column.columnDef.meta?.variant ?? 'text'\n                          ),\n                          value: '',\n                        })\n\n                        setShowFieldSelector(false)\n                      }}\n                    >\n                      {column.columnDef.meta?.icon && (\n                        <column.columnDef.meta.icon />\n                      )}\n                      <span className=\"truncate\">\n                        {column.columnDef.meta?.label ?? column.id}\n                      </span>\n                      <Check\n                        className={cn(\n                          'ml-auto',\n                          column.id === filter.id ? 'opacity-100' : 'opacity-0'\n                        )}\n                      />\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n        <Select\n          open={showOperatorSelector}\n          onOpenChange={setShowOperatorSelector}\n          value={filter.operator}\n          onValueChange={(value: FilterOperator) =>\n            onFilterUpdate(filter.filterId, {\n              operator: value,\n              value:\n                value === 'isEmpty' || value === 'isNotEmpty'\n                  ? ''\n                  : filter.value,\n            })\n          }\n        >\n          <SelectTrigger\n            aria-controls={operatorListboxId}\n            className=\"h-10 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-10 [&_svg]:hidden\"\n          >\n            <SelectValue placeholder={filter.operator} />\n          </SelectTrigger>\n          <SelectContent\n            id={operatorListboxId}\n            className=\"origin-[var(--radix-select-content-transform-origin)]\"\n          >\n            {filterOperators.map(operator => (\n              <SelectItem\n                key={operator.value}\n                className=\"lowercase\"\n                value={operator.value}\n              >\n                {operator.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {onFilterInputRender({\n          filter,\n          column,\n          inputId,\n          onFilterUpdate,\n          showValueSelector,\n          setShowValueSelector,\n        })}\n        <Button\n          aria-controls={filterItemId}\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30\"\n          onClick={() => onFilterRemove(filter.filterId)}\n        >\n          <X className=\"size-3.5\" />\n        </Button>\n      </div>\n    )\n  }\n}\n\ninterface FilterValueSelectorProps<TData> {\n  column: Column<TData>\n  value: string\n  onSelect: (value: string) => void\n}\n\nfunction FilterValueSelector<TData>({\n  column,\n  value,\n  onSelect,\n}: FilterValueSelectorProps<TData>) {\n  const variant = column.columnDef.meta?.variant ?? 'text'\n\n  switch (variant) {\n    case 'boolean':\n      return (\n        <CommandGroup>\n          <CommandItem value=\"true\" onSelect={() => onSelect('true')}>\n            True\n          </CommandItem>\n          <CommandItem value=\"false\" onSelect={() => onSelect('false')}>\n            False\n          </CommandItem>\n        </CommandGroup>\n      )\n\n    case 'select':\n    case 'multiSelect':\n      return (\n        <CommandGroup>\n          {column.columnDef.meta?.options?.map(option => (\n            <CommandItem\n              key={option.value}\n              value={option.value}\n              onSelect={() => onSelect(option.value)}\n            >\n              {option.icon && <option.icon />}\n              <span className=\"truncate\">{option.label}</span>\n              {option.count && (\n                <span className=\"ml-auto font-mono text-xs\">\n                  {option.count}\n                </span>\n              )}\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      )\n\n    case 'date':\n    case 'dateRange':\n      return (\n        <Calendar\n          initialFocus\n          mode=\"single\"\n          selected={value ? new Date(value) : undefined}\n          onSelect={date => onSelect(date?.getTime().toString() ?? '')}\n        />\n      )\n\n    default: {\n      const isEmpty = !value.trim()\n\n      return (\n        <CommandGroup>\n          <CommandItem\n            value={value}\n            onSelect={() => onSelect(value)}\n            disabled={isEmpty}\n          >\n            {isEmpty ? (\n              <>\n                <TextAlignLeft />\n                <span>Type to add filter...</span>\n              </>\n            ) : (\n              <>\n                <SealCheck />\n                <span className=\"truncate\">Filter by &quot;{value}&quot;</span>\n              </>\n            )}\n          </CommandItem>\n        </CommandGroup>\n      )\n    }\n  }\n}\n\nfunction onFilterInputRender<TData>({\n  filter,\n  column,\n  inputId,\n  onFilterUpdate,\n  showValueSelector,\n  setShowValueSelector,\n}: {\n  filter: ExtendedColumnFilter<TData>\n  column: Column<TData>\n  inputId: string\n  onFilterUpdate: (\n    filterId: string,\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\n  ) => void\n  showValueSelector: boolean\n  setShowValueSelector: (value: boolean) => void\n}) {\n  if (filter.operator === 'isEmpty' || filter.operator === 'isNotEmpty') {\n    return (\n      <div\n        id={inputId}\n        role=\"status\"\n        aria-label={`${column.columnDef.meta?.label} filter is ${\n          filter.operator === 'isEmpty' ? 'empty' : 'not empty'\n        }`}\n        aria-live=\"polite\"\n        className=\"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground dark:bg-input/30\"\n      />\n    )\n  }\n\n  switch (filter.variant) {\n    case 'text':\n    case 'number':\n    case 'range': {\n      if (\n        (filter.variant === 'range' && filter.operator === 'isBetween') ||\n        filter.operator === 'isBetween'\n      ) {\n        return (\n          <DataTableRangeFilter\n            filter={filter}\n            column={column}\n            inputId={inputId}\n            onFilterUpdate={onFilterUpdate}\n            className=\"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5\"\n          />\n        )\n      }\n\n      const isNumber = filter.variant === 'number' || filter.variant === 'range'\n\n      return (\n        <Input\n          id={inputId}\n          type={isNumber ? 'number' : 'text'}\n          inputMode={isNumber ? 'numeric' : undefined}\n          placeholder={column.columnDef.meta?.placeholder ?? 'Enter value...'}\n          className=\"h-full w-24 rounded-none px-1.5\"\n          defaultValue={typeof filter.value === 'string' ? filter.value : ''}\n          onChange={event =>\n            onFilterUpdate(filter.filterId, { value: event.target.value })\n          }\n        />\n      )\n    }\n\n    case 'boolean': {\n      const inputListboxId = `${inputId}-listbox`\n\n      return (\n        <Select\n          open={showValueSelector}\n          onOpenChange={setShowValueSelector}\n          value={typeof filter.value === 'string' ? filter.value : 'true'}\n          onValueChange={(value: 'true' | 'false') =>\n            onFilterUpdate(filter.filterId, { value })\n          }\n        >\n          <SelectTrigger\n            id={inputId}\n            aria-controls={inputListboxId}\n            className=\"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden\"\n          >\n            <SelectValue placeholder={filter.value ? 'True' : 'False'} />\n          </SelectTrigger>\n          <SelectContent id={inputListboxId}>\n            <SelectItem value=\"true\">True</SelectItem>\n            <SelectItem value=\"false\">False</SelectItem>\n          </SelectContent>\n        </Select>\n      )\n    }\n\n    case 'select':\n    case 'multiSelect': {\n      const inputListboxId = `${inputId}-listbox`\n\n      const options = column.columnDef.meta?.options ?? []\n      const selectedValues = Array.isArray(filter.value)\n        ? filter.value\n        : [filter.value]\n\n      const selectedOptions = options.filter(option =>\n        selectedValues.includes(option.value)\n      )\n\n      return (\n        <Popover open={showValueSelector} onOpenChange={setShowValueSelector}>\n          <PopoverTrigger asChild>\n            <Button\n              id={inputId}\n              aria-controls={inputListboxId}\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30\"\n            >\n              {selectedOptions.length === 0 ? (\n                filter.variant === 'multiSelect' ? (\n                  'Select options...'\n                ) : (\n                  'Select option...'\n                )\n              ) : (\n                <>\n                  <div className=\"-space-x-2 flex items-center rtl:space-x-reverse\">\n                    {selectedOptions.map(selectedOption =>\n                      selectedOption.icon ? (\n                        <div\n                          key={selectedOption.value}\n                          className=\"rounded-full border bg-background p-0.5\"\n                        >\n                          <selectedOption.icon className=\"size-3.5\" />\n                        </div>\n                      ) : null\n                    )}\n                  </div>\n                  <span className=\"truncate\">\n                    {selectedOptions.length > 1\n                      ? `${selectedOptions.length} selected`\n                      : selectedOptions[0]?.label}\n                  </span>\n                </>\n              )}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            id={inputListboxId}\n            align=\"start\"\n            className=\"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0\"\n          >\n            <Command>\n              <CommandInput placeholder=\"Search options...\" />\n              <CommandList>\n                <CommandEmpty>No options found.</CommandEmpty>\n                <CommandGroup>\n                  {options.map(option => (\n                    <CommandItem\n                      key={option.value}\n                      value={option.value}\n                      onSelect={() => {\n                        const value =\n                          filter.variant === 'multiSelect'\n                            ? selectedValues.includes(option.value)\n                              ? selectedValues.filter(v => v !== option.value)\n                              : [...selectedValues, option.value]\n                            : option.value\n                        onFilterUpdate(filter.filterId, { value })\n                      }}\n                    >\n                      {option.icon && <option.icon />}\n                      <span className=\"truncate\">{option.label}</span>\n                      {filter.variant === 'multiSelect' && (\n                        <Check\n                          className={cn(\n                            'ml-auto',\n                            selectedValues.includes(option.value)\n                              ? 'opacity-100'\n                              : 'opacity-0'\n                          )}\n                        />\n                      )}\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      )\n    }\n\n    case 'date':\n    case 'dateRange': {\n      const inputListboxId = `${inputId}-listbox`\n\n      const dateValue = Array.isArray(filter.value)\n        ? filter.value.filter(Boolean)\n        : [filter.value, filter.value].filter(Boolean)\n\n      const displayValue =\n        filter.operator === 'isBetween' && dateValue.length === 2\n          ? `${formatDate(new Date(Number(dateValue[0])))} - ${formatDate(\n              new Date(Number(dateValue[1]))\n            )}`\n          : dateValue[0]\n            ? formatDate(new Date(Number(dateValue[0])))\n            : 'Pick date...'\n\n      return (\n        <Popover open={showValueSelector} onOpenChange={setShowValueSelector}>\n          <PopoverTrigger asChild>\n            <Button\n              id={inputId}\n              aria-controls={inputListboxId}\n              variant=\"ghost\"\n              size=\"sm\"\n              className={cn(\n                'h-full rounded-none border px-1.5 font-normal dark:bg-input/30',\n                !filter.value && 'text-muted-foreground'\n              )}\n            >\n              <CalendarIcon className=\"size-3.5\" />\n              <span className=\"truncate\">{displayValue}</span>\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            id={inputListboxId}\n            align=\"start\"\n            className=\"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0\"\n          >\n            {filter.operator === 'isBetween' ? (\n              <Calendar\n                mode=\"range\"\n                initialFocus\n                selected={\n                  dateValue.length === 2\n                    ? {\n                        from: new Date(Number(dateValue[0])),\n                        to: new Date(Number(dateValue[1])),\n                      }\n                    : {\n                        from: new Date(),\n                        to: new Date(),\n                      }\n                }\n                onSelect={date => {\n                  onFilterUpdate(filter.filterId, {\n                    value: date\n                      ? [\n                          (date.from?.getTime() ?? '').toString(),\n                          (date.to?.getTime() ?? '').toString(),\n                        ]\n                      : [],\n                  })\n                }}\n              />\n            ) : (\n              <Calendar\n                mode=\"single\"\n                initialFocus\n                selected={\n                  dateValue[0] ? new Date(Number(dateValue[0])) : undefined\n                }\n                onSelect={date => {\n                  onFilterUpdate(filter.filterId, {\n                    value: (date?.getTime() ?? '').toString(),\n                  })\n                }}\n              />\n            )}\n          </PopoverContent>\n        </Popover>\n      )\n    }\n\n    default:\n      return null\n  }\n}\n"],"names":["__webpack_require__","e","Object","Symbol","FILTERS_KEY","DEBOUNCE_MS","THROTTLE_MS","OPEN_MENU_SHORTCUT","REMOVE_FILTER_SHORTCUTS","DataTableFilterMenu","table","debounceMs","throttleMs","shallow","align","props","id","React","columns","column","open","setOpen","selectedColumn","setSelectedColumn","inputValue","setInputValue","triggerRef","inputRef","onOpenChange","setTimeout","onInputKeyDown","event","filters","setFilters","useQueryState","getFiltersStateParser","field","debouncedSetFilters","useDebouncedCallback","onFilterAdd","value","filterValue","getDefaultFilterOperator","generateId","onFilterRemove","filterId","filter","requestAnimationFrame","onFilterUpdate","updates","prevFilters","onFiltersReset","onKeyDown","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","DataTableFilterItem","Button","X","Popover","PopoverTrigger","cn","FunnelSimple","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","FilterValueSelector","CommandGroup","CommandItem","filterItemId","showFieldSelector","setShowFieldSelector","showOperatorSelector","setShowOperatorSelector","showValueSelector","setShowValueSelector","operatorListboxId","inputId","columnMeta","filterOperators","getFilterOperators","onItemKeyDown","Check","Select","SelectTrigger","SelectValue","SelectContent","operator","SelectItem","onFilterInputRender","onSelect","option","Calendar","Date","undefined","date","isEmpty","TextAlignLeft","SealCheck","DataTableRangeFilter","isNumber","Input","inputListboxId","options","selectedValues","Array","selectedOptions","selectedOption","v","dateValue","Boolean","displayValue","formatDate","Number","CalendarIcon"],"mappings":"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"}

package/dist/cjs/components/data-table/data-table-pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-pagination.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-pagination.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\r\n  CaretDoubleLeft,\r\n  CaretDoubleRight,\r\n  CaretLeft,\r\n  CaretRight,\r\n} from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\n\r\nimport { Button } from '@/components/button'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '@/components/select'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTablePaginationProps<TData> extends React.ComponentProps<'div'> {\r\n  table: Table<TData>\r\n  pageSizeOptions?: number[]\r\n}\r\n\r\nexport function DataTablePagination<TData>({\r\n  table,\r\n  pageSizeOptions = [10, 20, 30, 40, 50],\r\n  className,\r\n  ...props\r\n}: DataTablePaginationProps<TData>) {\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8',\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <div className=\"flex-1 whitespace-nowrap text-muted-foreground text-sm\">\r\n        {table.getFilteredSelectedRowModel().rows.length} de{' '}\r\n        {table.getFilteredRowModel().rows.length} linhas selecionadas.\r\n      </div>\r\n      <div className=\"flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8\">\r\n        <div className=\"flex items-center space-x-2\">\r\n          <p className=\"whitespace-nowrap font-medium text-sm\">\r\n            Linhas por página\r\n          </p>\r\n          <Select\r\n            value={`${table.getState().pagination.pageSize}`}\r\n            onValueChange={value => {\r\n              table.setPageSize(Number(value))\r\n            }}\r\n          >\r\n            <SelectTrigger className=\"h-10 w-[5.5rem] [&[data-size]]:h-10\">\r\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\r\n            </SelectTrigger>\r\n            <SelectContent side=\"top\">\r\n              {pageSizeOptions.map(pageSize => (\r\n                <SelectItem key={pageSize} value={`${pageSize}`}>\r\n                  {pageSize}\r\n                </SelectItem>\r\n              ))}\r\n            </SelectContent>\r\n          </Select>\r\n        </div>\r\n        <div className=\"flex items-center justify-center font-medium text-sm\">\r\n          Página {table.getState().pagination.pageIndex + 1} de{' '}\r\n          {table.getPageCount()}\r\n        </div>\r\n        <div className=\"flex items-center space-x-2\">\r\n          <Button\r\n            aria-label=\"Go to first page\"\r\n            variant=\"secondary\"\r\n            size=\"icon\"\r\n            className=\"hidden size-10 lg:flex\"\r\n            onClick={() => table.setPageIndex(0)}\r\n            disabled={!table.getCanPreviousPage()}\r\n          >\r\n            <CaretDoubleLeft />\r\n          </Button>\r\n          <Button\r\n            aria-label=\"Go to previous page\"\r\n            variant=\"secondary\"\r\n            size=\"icon\"\r\n            className=\"size-10\"\r\n            onClick={() => table.previousPage()}\r\n            disabled={!table.getCanPreviousPage()}\r\n          >\r\n            <CaretLeft />\r\n          </Button>\r\n          <Button\r\n            aria-label=\"Go to next page\"\r\n            variant=\"secondary\"\r\n            size=\"icon\"\r\n            className=\"size-10\"\r\n            onClick={() => table.nextPage()}\r\n            disabled={!table.getCanNextPage()}\r\n          >\r\n            <CaretRight />\r\n          </Button>\r\n          <Button\r\n            aria-label=\"Go to last page\"\r\n            variant=\"secondary\"\r\n            size=\"icon\"\r\n            className=\"hidden size-10 lg:flex\"\r\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\r\n            disabled={!table.getCanNextPage()}\r\n          >\r\n            <CaretDoubleRight />\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"names":["__webpack_require__","e","Object","Symbol","DataTablePagination","table","pageSizeOptions","className","props","cn","Select","value","Number","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","CaretDoubleLeft","CaretLeft","CaretRight","CaretDoubleRight"],"mappings":"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"}
+{"version":3,"file":"components/data-table/data-table-pagination.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-pagination.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\n  CaretDoubleLeft,\n  CaretDoubleRight,\n  CaretLeft,\n  CaretRight,\n} from '@phosphor-icons/react'\nimport type { Table } from '@tanstack/react-table'\n\nimport { Button } from '@/components/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/select'\nimport { cn } from '@/lib/utils'\n\ninterface DataTablePaginationProps<TData> extends React.ComponentProps<'div'> {\n  table: Table<TData>\n  pageSizeOptions?: number[]\n}\n\nexport function DataTablePagination<TData>({\n  table,\n  pageSizeOptions = [10, 20, 30, 40, 50],\n  className,\n  ...props\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div\n      className={cn(\n        'flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex-1 whitespace-nowrap text-muted-foreground text-sm\">\n        {table.getFilteredSelectedRowModel().rows.length} de{' '}\n        {table.getFilteredRowModel().rows.length} linhas selecionadas.\n      </div>\n      <div className=\"flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"whitespace-nowrap font-medium text-sm\">\n            Linhas por página\n          </p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={value => {\n              table.setPageSize(Number(value))\n            }}\n          >\n            <SelectTrigger className=\"h-10 w-[5.5rem] [&[data-size]]:h-10\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {pageSizeOptions.map(pageSize => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex items-center justify-center font-medium text-sm\">\n          Página {table.getState().pagination.pageIndex + 1} de{' '}\n          {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            aria-label=\"Go to first page\"\n            variant=\"secondary\"\n            size=\"icon\"\n            className=\"hidden size-10 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <CaretDoubleLeft />\n          </Button>\n          <Button\n            aria-label=\"Go to previous page\"\n            variant=\"secondary\"\n            size=\"icon\"\n            className=\"size-10\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <CaretLeft />\n          </Button>\n          <Button\n            aria-label=\"Go to next page\"\n            variant=\"secondary\"\n            size=\"icon\"\n            className=\"size-10\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <CaretRight />\n          </Button>\n          <Button\n            aria-label=\"Go to last page\"\n            variant=\"secondary\"\n            size=\"icon\"\n            className=\"hidden size-10 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <CaretDoubleRight />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["__webpack_require__","e","Object","Symbol","DataTablePagination","table","pageSizeOptions","className","props","cn","Select","value","Number","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","CaretDoubleLeft","CaretLeft","CaretRight","CaretDoubleRight"],"mappings":"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"}

package/dist/cjs/components/data-table/data-table-range-filter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-range-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-range-filter.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\r\n\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Input } from '@/components/input'\r\nimport { cn } from '@/lib/utils'\r\nimport type { ExtendedColumnFilter } from '@/types/data-table'\r\n\r\ninterface DataTableRangeFilterProps<TData> extends React.ComponentProps<'div'> {\r\n  filter: ExtendedColumnFilter<TData>\r\n  column: Column<TData>\r\n  inputId: string\r\n  onFilterUpdate: (\r\n    filterId: string,\r\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\r\n  ) => void\r\n}\r\n\r\nexport function DataTableRangeFilter<TData>({\r\n  filter,\r\n  column,\r\n  inputId,\r\n  onFilterUpdate,\r\n  className,\r\n  ...props\r\n}: DataTableRangeFilterProps<TData>) {\r\n  const meta = column.columnDef.meta\r\n\r\n  const [min, max] = React.useMemo(() => {\r\n    const range = column.columnDef.meta?.range\r\n    if (range) return range\r\n\r\n    const values = column.getFacetedMinMaxValues()\r\n    if (!values) return [0, 100]\r\n\r\n    return [values[0], values[1]]\r\n  }, [column])\r\n\r\n  const formatValue = React.useCallback(\r\n    (value: string | number | undefined) => {\r\n      if (value === undefined || value === '') return ''\r\n      const numValue = Number(value)\r\n      return Number.isNaN(numValue)\r\n        ? ''\r\n        : numValue.toLocaleString(undefined, {\r\n            maximumFractionDigits: 0,\r\n          })\r\n    },\r\n    []\r\n  )\r\n\r\n  const value = React.useMemo(() => {\r\n    if (Array.isArray(filter.value)) return filter.value.map(formatValue)\r\n    return [formatValue(filter.value), '']\r\n  }, [filter.value, formatValue])\r\n\r\n  const onRangeValueChange = React.useCallback(\r\n    (value: string, isMin?: boolean) => {\r\n      const numValue = Number(value)\r\n      const currentValues = Array.isArray(filter.value)\r\n        ? filter.value\r\n        : ['', '']\r\n      const otherValue = isMin\r\n        ? (currentValues[1] ?? '')\r\n        : (currentValues[0] ?? '')\r\n\r\n      if (\r\n        value === '' ||\r\n        (!Number.isNaN(numValue) &&\r\n          (isMin\r\n            ? numValue >= min && numValue <= (Number(otherValue) || max)\r\n            : numValue <= max && numValue >= (Number(otherValue) || min)))\r\n      ) {\r\n        onFilterUpdate(filter.filterId, {\r\n          value: isMin ? [value, otherValue] : [otherValue, value],\r\n        })\r\n      }\r\n    },\r\n    [filter.filterId, filter.value, min, max, onFilterUpdate]\r\n  )\r\n\r\n  return (\r\n    <div\r\n      data-slot=\"range\"\r\n      className={cn('flex w-full items-center gap-2', className)}\r\n      {...props}\r\n    >\r\n      <Input\r\n        id={`${inputId}-min`}\r\n        type=\"number\"\r\n        aria-label={`${meta?.label} minimum value`}\r\n        aria-valuemin={min}\r\n        aria-valuemax={max}\r\n        data-slot=\"range-min\"\r\n        inputMode=\"numeric\"\r\n        placeholder={min.toString()}\r\n        min={min}\r\n        max={max}\r\n        className=\"h-10 w-full rounded\"\r\n        defaultValue={value[0]}\r\n        onChange={event => onRangeValueChange(event.target.value, true)}\r\n      />\r\n      <span className=\"sr-only shrink-0 text-muted-foreground\">to</span>\r\n      <Input\r\n        id={`${inputId}-max`}\r\n        type=\"number\"\r\n        aria-label={`${meta?.label} maximum value`}\r\n        aria-valuemin={min}\r\n        aria-valuemax={max}\r\n        data-slot=\"range-max\"\r\n        inputMode=\"numeric\"\r\n        placeholder={max.toString()}\r\n        min={min}\r\n        max={max}\r\n        className=\"h-10 w-full rounded\"\r\n        defaultValue={value[1]}\r\n        onChange={event => onRangeValueChange(event.target.value)}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n"],"names":["__webpack_require__","e","Object","Symbol","DataTableRangeFilter","filter","column","inputId","onFilterUpdate","className","props","meta","min","max","React","range","values","formatValue","value","undefined","numValue","Number","Array","onRangeValueChange","isMin","currentValues","otherValue","cn","Input","event"],"mappings":"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"}
+{"version":3,"file":"components/data-table/data-table-range-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/webpack/runtime/define_property_getters","webpack://@gbmtech/aurora-ui/webpack/runtime/has_own_property","webpack://@gbmtech/aurora-ui/webpack/runtime/make_namespace_object","webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-range-filter.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\n\nimport type { Column } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Input } from '@/components/input'\nimport { cn } from '@/lib/utils'\nimport type { ExtendedColumnFilter } from '@/types/data-table'\n\ninterface DataTableRangeFilterProps<TData> extends React.ComponentProps<'div'> {\n  filter: ExtendedColumnFilter<TData>\n  column: Column<TData>\n  inputId: string\n  onFilterUpdate: (\n    filterId: string,\n    updates: Partial<Omit<ExtendedColumnFilter<TData>, 'filterId'>>\n  ) => void\n}\n\nexport function DataTableRangeFilter<TData>({\n  filter,\n  column,\n  inputId,\n  onFilterUpdate,\n  className,\n  ...props\n}: DataTableRangeFilterProps<TData>) {\n  const meta = column.columnDef.meta\n\n  const [min, max] = React.useMemo(() => {\n    const range = column.columnDef.meta?.range\n    if (range) return range\n\n    const values = column.getFacetedMinMaxValues()\n    if (!values) return [0, 100]\n\n    return [values[0], values[1]]\n  }, [column])\n\n  const formatValue = React.useCallback(\n    (value: string | number | undefined) => {\n      if (value === undefined || value === '') return ''\n      const numValue = Number(value)\n      return Number.isNaN(numValue)\n        ? ''\n        : numValue.toLocaleString(undefined, {\n            maximumFractionDigits: 0,\n          })\n    },\n    []\n  )\n\n  const value = React.useMemo(() => {\n    if (Array.isArray(filter.value)) return filter.value.map(formatValue)\n    return [formatValue(filter.value), '']\n  }, [filter.value, formatValue])\n\n  const onRangeValueChange = React.useCallback(\n    (value: string, isMin?: boolean) => {\n      const numValue = Number(value)\n      const currentValues = Array.isArray(filter.value)\n        ? filter.value\n        : ['', '']\n      const otherValue = isMin\n        ? (currentValues[1] ?? '')\n        : (currentValues[0] ?? '')\n\n      if (\n        value === '' ||\n        (!Number.isNaN(numValue) &&\n          (isMin\n            ? numValue >= min && numValue <= (Number(otherValue) || max)\n            : numValue <= max && numValue >= (Number(otherValue) || min)))\n      ) {\n        onFilterUpdate(filter.filterId, {\n          value: isMin ? [value, otherValue] : [otherValue, value],\n        })\n      }\n    },\n    [filter.filterId, filter.value, min, max, onFilterUpdate]\n  )\n\n  return (\n    <div\n      data-slot=\"range\"\n      className={cn('flex w-full items-center gap-2', className)}\n      {...props}\n    >\n      <Input\n        id={`${inputId}-min`}\n        type=\"number\"\n        aria-label={`${meta?.label} minimum value`}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        data-slot=\"range-min\"\n        inputMode=\"numeric\"\n        placeholder={min.toString()}\n        min={min}\n        max={max}\n        className=\"h-10 w-full rounded\"\n        defaultValue={value[0]}\n        onChange={event => onRangeValueChange(event.target.value, true)}\n      />\n      <span className=\"sr-only shrink-0 text-muted-foreground\">to</span>\n      <Input\n        id={`${inputId}-max`}\n        type=\"number\"\n        aria-label={`${meta?.label} maximum value`}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        data-slot=\"range-max\"\n        inputMode=\"numeric\"\n        placeholder={max.toString()}\n        min={min}\n        max={max}\n        className=\"h-10 w-full rounded\"\n        defaultValue={value[1]}\n        onChange={event => onRangeValueChange(event.target.value)}\n      />\n    </div>\n  )\n}\n"],"names":["__webpack_require__","e","Object","Symbol","DataTableRangeFilter","filter","column","inputId","onFilterUpdate","className","props","meta","min","max","React","range","values","formatValue","value","undefined","numValue","Number","Array","onRangeValueChange","isMin","currentValues","otherValue","cn","Input","event"],"mappings":"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"}