npm - @akshar-technosoft/ui - Versions diffs - 1.0.18 → 1.0.19 - Mend

@akshar-technosoft/ui 1.0.18 → 1.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/components/data/data-table/data-table-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/command.tsx","../../../../src/components/ui/dialog.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/helper/date-filter.tsx","../../../../src/components/ui/popover.tsx","../../../../src/components/ui/calendar.tsx","../../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown, Calculator, Check } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n CommandSeparator,\r\n} from \"../../ui/command.jsx\"\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuTrigger,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuGroup,\r\n DropdownMenuSub,\r\n DropdownMenuSubContent,\r\n DropdownMenuSubTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig, AggregationConfig, AggregationFunction, AggregationConfigMap } from \"./data-table-types.js\"\r\nimport { useState } from \"react\"\r\nimport { DateFilter } from \"../../helper/date-filter.js\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../ui/popover.jsx\"\r\n\r\ninterface DataTableToolbarProps<TData> {\r\n table: Table<TData>\r\n filters?: FilterConfig<TData>[]\r\n globalFilter: string\r\n onGlobalFilterChange: (value: string) => void\r\n enableGlobalFilter: boolean\r\n onExport?: (data: TData[]) => void\r\n onRefresh?: () => void\r\n loading?: boolean\r\n enableColumnVisibility?: boolean\r\n enableColumnPinning?: boolean\r\n data: TData[]\r\n onClearSorting: () => void\r\n onClearFilters: () => void\r\n onExternalSearch?: (filters: Record<string, any>) => void\r\n onCustomFilterChange?: (key: string, value: any) => void\r\n aggregations?: AggregationConfigMap<TData>;\r\n onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;\r\n}\r\n\r\n// Available aggregation functions with labels\r\nconst AGGREGATION_FUNCTIONS: { value: AggregationFunction; label: string; description: string }[] = [\r\n { value: 'sum', label: 'Sum', description: 'Total of all values' },\r\n { value: 'average', label: 'Average', description: 'Mean value' },\r\n { value: 'min', label: 'Minimum', description: 'Smallest value' },\r\n { value: 'max', label: 'Maximum', description: 'Largest value' },\r\n { value: 'count', label: 'Count', description: 'Number of rows' },\r\n { value: 'unique', label: 'Unique', description: 'Count of distinct values' },\r\n { value: 'median', label: 'Median', description: 'Middle value' },\r\n];\r\n\r\nexport function DataTableToolbar<TData>({\r\n table,\r\n filters = [],\r\n globalFilter,\r\n onGlobalFilterChange,\r\n enableGlobalFilter = true,\r\n onExport,\r\n onRefresh,\r\n loading = false,\r\n enableColumnVisibility = true,\r\n data,\r\n onClearSorting,\r\n onClearFilters,\r\n enableColumnPinning = false,\r\n onExternalSearch,\r\n onCustomFilterChange,\r\n aggregations = {},\r\n onAggregationChange,\r\n}: DataTableToolbarProps<TData>) {\r\n const [externalFilterValues, setExternalFilterValues] = useState<Record<string, any>>({});\r\n const [customFilterValues, setCustomFilterValues] = useState<Record<string, any>>({});\r\n const [openSelectPopovers, setOpenSelectPopovers] = useState<Record<string, boolean>>({});\r\n\r\n const getAllLeafColumns = () => {\r\n return table.getAllLeafColumns().filter(column => column.getCanHide?.() !== false)\r\n }\r\n\r\n const getGroupColumns = () => {\r\n return table.getAllColumns().filter(column =>\r\n !table.getAllLeafColumns().includes(column) &&\r\n column.columns?.length &&\r\n column.columns.some(col => col.getCanHide?.() !== false)\r\n )\r\n }\r\n\r\n const getUngroupedLeafColumns = () => {\r\n const groupedColumnIds = new Set(\r\n getGroupColumns().flatMap(group =>\r\n group.columns?.filter(col => col.getCanHide?.() !== false).map(c => c.id) \|\| []\r\n )\r\n )\r\n return getAllLeafColumns().filter(column => !groupedColumnIds.has(column.id))\r\n }\r\n\r\n const getColumnDisplayName = (columnId: string, groupName?: string) => {\r\n if (groupName && columnId.startsWith(`${groupName}.`)) {\r\n const cleanId = columnId.replace(`${groupName}.`, '')\r\n return cleanId\r\n .split('_')\r\n .map(word => word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n return columnId\r\n .split('_')\r\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n const handleExternalFilterChange = (key: string, value: any) => {\r\n const newValues = { ...externalFilterValues, [key]: value };\r\n setExternalFilterValues(newValues);\r\n }\r\n\r\n const handleCustomFilterChange = (key: string, value: any) => {\r\n const newValues = { ...customFilterValues, [key]: value };\r\n setCustomFilterValues(newValues);\r\n\r\n if (onCustomFilterChange) {\r\n onCustomFilterChange(key, value);\r\n }\r\n\r\n if (filters.find(f => f.key === key)?.externalSearch) {\r\n handleExternalFilterChange(key, value);\r\n }\r\n }\r\n\r\n const handleExternalSearch = () => {\r\n if (onExternalSearch) {\r\n onExternalSearch(externalFilterValues);\r\n }\r\n }\r\n\r\n const handleClearExternalFilters = () => {\r\n setExternalFilterValues({});\r\n setCustomFilterValues({});\r\n onClearFilters();\r\n if (onExternalSearch) {\r\n onExternalSearch({});\r\n }\r\n if (onCustomFilterChange) {\r\n Object.keys(customFilterValues).forEach(key => {\r\n onCustomFilterChange(key, \"\");\r\n });\r\n }\r\n }\r\n\r\n const getFilterValue = (key: string) => {\r\n const filter = filters.find(f => f.key === key);\r\n if (filter?.customFilter) {\r\n return customFilterValues[key] ?? \"\";\r\n }\r\n return table.getColumn(key)?.getFilterValue();\r\n }\r\n\r\n const setFilterValue = (key: string, value: any) => {\r\n const filter = filters.find(f => f.key === key);\r\n\r\n if (filter?.customFilter) {\r\n handleCustomFilterChange(key, value);\r\n } else {\r\n table.getColumn(key)?.setFilterValue(value);\r\n\r\n if (filter?.externalSearch) {\r\n handleExternalFilterChange(key, value);\r\n }\r\n }\r\n }\r\n\r\n const handleSelectPopoverOpen = (key: string, isOpen: boolean) => {\r\n setOpenSelectPopovers(prev => ({ ...prev, [key]: isOpen }));\r\n };\r\n\r\n // Aggregation handlers\r\n const handleToggleAggregation = (columnId: string) => {\r\n if (onAggregationChange) {\r\n const currentConfig = aggregations[columnId];\r\n const newConfig: AggregationConfig<TData> = {\r\n enabled: !currentConfig?.enabled,\r\n functions: currentConfig?.functions \|\| ['sum', 'average'],\r\n };\r\n onAggregationChange(columnId, newConfig);\r\n }\r\n }\r\n\r\n const handleToggleAggregationFunction = (columnId: string, func: AggregationFunction) => {\r\n if (onAggregationChange) {\r\n const currentConfig = aggregations[columnId];\r\n const currentFunctions = currentConfig?.functions \|\| [];\r\n const newFunctions = currentFunctions.includes(func)\r\n ? currentFunctions.filter(f => f !== func)\r\n : [...currentFunctions, func];\r\n\r\n onAggregationChange(columnId, {\r\n enabled: newFunctions.length > 0,\r\n functions: newFunctions,\r\n });\r\n }\r\n }\r\n\r\n const handleClearAllAggregations = () => {\r\n if (onAggregationChange) {\r\n Object.keys(aggregations).forEach(columnId => {\r\n const config = aggregations[columnId];\r\n if (config) {\r\n onAggregationChange(columnId, { ...config, enabled: false, functions: [] });\r\n }\r\n });\r\n }\r\n }\r\n\r\n const getAggregatableColumns = () => {\r\n return getAllLeafColumns().filter(column => {\r\n // Skip special columns\r\n if (column.id === 'select' \|\| column.id === 'serialNumber') return false;\r\n\r\n // Check column meta for aggregation capability\r\n const columnMeta = column.columnDef.meta as { aggregatable?: boolean };\r\n if (columnMeta?.aggregatable) return true;\r\n\r\n // Auto-detect numeric columns by sampling\r\n const sampleRows = table.getRowModel().rows.slice(0, 5);\r\n return sampleRows.some(row => {\r\n const value = row.getValue(column.id);\r\n return typeof value === 'number' \|\|\r\n (typeof value === 'string' && !isNaN(parseFloat(String(value)))) \|\|\r\n (typeof value === 'object' && value !== null && 'props' in value); // React elements\r\n });\r\n });\r\n };\r\n\r\n const aggregatableColumns = getAggregatableColumns();\r\n const hasAggregations = Object.values(aggregations).some(config => config?.enabled);\r\n\r\n return (\r\n <div className=\"rounded-xl\">\r\n <div className=\"px-2\">\r\n <div className=\"flex flex-col gap-6\">\r\n {/* Top Controls /}\r\n <div className=\"flex items-center justify-between\">\r\n <div className=\"flex items-center gap-3\">\r\n {/ Filters Row /}\r\n {filters.length > 0 && (\r\n <div className=\"flex flex-wrap items-center gap-3\">\r\n <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n <Filter className=\"size-4\" />\r\n {/ Filters: /}\r\n </div>\r\n {filters.map((filter) => {\r\n // Skip rendering if column doesn't exist and it's not a custom/external filter\r\n const column = table.getColumn(filter.key);\r\n if (!column && !filter.customFilter && !filter.externalSearch) {\r\n return null;\r\n }\r\n\r\n return (\r\n <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n {filter.type === \"select\" ? (\r\n <Popover open={openSelectPopovers[filter.key]} onOpenChange={(open) => handleSelectPopoverOpen(filter.key, open)}>\r\n <PopoverTrigger asChild>\r\n <div className=\"relative w-full\">\r\n {filter.icon && (\r\n <filter.icon className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground pointer-events-none z-10\" />\r\n )}\r\n <Button\r\n variant=\"outline\"\r\n role=\"combobox\"\r\n aria-expanded={openSelectPopovers[filter.key]}\r\n className={cn(\r\n \"h-8 sm:h-8 rounded-lg w-full justify-between font-normal\",\r\n !getFilterValue(filter.key) && \"text-muted-foreground\"\r\n )}\r\n >\r\n <span className={cn(\"truncate\", filter.icon && \"pl-6\")}>\r\n {getFilterValue(filter.key)\r\n ? filter.options?.find(option => option.value === getFilterValue(filter.key))?.label\r\n : filter.placeholder}\r\n </span>\r\n <ChevronDown className=\"ml-2 opacity-50 size-4 shrink-0\" />\r\n </Button>\r\n </div>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-[--radix-popover-trigger-width] p-0 rounded-lg\">\r\n <Command className=\"rounded-lg\">\r\n <CommandInput placeholder={`Search ${filter.placeholder?.toLowerCase()}...`} />\r\n <CommandList>\r\n <CommandEmpty>No option found.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n value=\"all\"\r\n onSelect={() => {\r\n setFilterValue(filter.key, \"\");\r\n handleSelectPopoverOpen(filter.key, false);\r\n }}\r\n className=\"flex items-center cursor-pointer\"\r\n >\r\n <Check\r\n className={cn(\r\n \"mr-2 size-4 shrink-0\",\r\n !getFilterValue(filter.key) ? \"opacity-100\" : \"opacity-0\"\r\n )}\r\n />\r\n <span>All</span>\r\n </CommandItem>\r\n {filter.options?.map((option) => (\r\n <CommandItem\r\n key={option.label}\r\n value={option.label}\r\n onSelect={() => {\r\n setFilterValue(filter.key, option.value);\r\n handleSelectPopoverOpen(filter.key, false);\r\n }}\r\n className=\"flex items-center cursor-pointer\"\r\n >\r\n <Check\r\n className={cn(\r\n \"mr-2 size-4 shrink-0\",\r\n getFilterValue(filter.key) === option.value ? \"opacity-100\" : \"opacity-0\"\r\n )}\r\n />\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n ) : filter.type === \"date\" ? (\r\n <DateFilter\r\n value={getFilterValue(filter.key)}\r\n onChange={(value) => {\r\n if (!filter.onlyExternal) {\r\n setFilterValue(filter.key, value);\r\n }\r\n }}\r\n placeholder={filter.placeholder}\r\n mode={filter.dateMode \|\| \"single\"}\r\n externalSearch={filter.externalSearch}\r\n onlyExternal={filter.onlyExternal}\r\n onExternalChange={(value) => handleExternalFilterChange(filter.key, value)}\r\n />\r\n ) : (\r\n <div className=\"relative\">\r\n {filter.icon && <filter.icon className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground\" />}\r\n <Input\r\n placeholder={filter.placeholder}\r\n value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n onChange={(event) => {\r\n setFilterValue(filter.key, event.target.value);\r\n }}\r\n className={cn(\"h-8 rounded-lg\", filter.icon && \"pl-9\")}\r\n type={filter.type === \"number\" ? \"number\" : \"text\"}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n\r\n {(filters.some(filter => filter.externalSearch) \|\| filters.some(filter => filter.customFilter)) && (\r\n <Button\r\n variant=\"default\"\r\n size=\"sm\"\r\n onClick={handleExternalSearch}\r\n className=\"rounded-lg h-7\"\r\n >\r\n <Search className=\"size-4\" />\r\n {filters.find(f => f.externalSearch \|\| f.customFilter)?.searchButtonText \|\| \"Search\"}\r\n </Button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div className=\"flex items-center gap-2\">\r\n {/ Global Search /}\r\n {enableGlobalFilter &&\r\n <div className=\"relative\">\r\n <Search className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground\" />\r\n <Input\r\n placeholder=\"Global search...\"\r\n value={globalFilter ?? \"\"}\r\n onChange={(event) => onGlobalFilterChange(event.target.value)}\r\n className=\"pl-9 h-8 max-w-max\"\r\n />\r\n </div>\r\n }\r\n\r\n {/ Aggregation Settings /}\r\n {aggregatableColumns.length > 0 && onAggregationChange && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n className={cn(\"rounded-lg gap-1\", hasAggregations && \"bg-primary/10 dark:bg-primary/10 border-primary/20 dark:border-primary/20\")}\r\n >\r\n <Calculator className=\"size-4\" />\r\n <span>Aggregations</span>\r\n <ChevronDown className=\"opacity-50 size-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-64 rounded-lg max-h-[500px] overflow-y-auto\">\r\n <DropdownMenuLabel className=\"flex items-center justify-between px-4 py-2\">\r\n <span className=\"text-sm font-medium\">Column Aggregations</span>\r\n {hasAggregations && (\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n onClick={handleClearAllAggregations}\r\n className=\"h-6 px-2 text-xs\"\r\n >\r\n Clear All\r\n </Button>\r\n )}\r\n </DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n\r\n {aggregatableColumns.map(column => {\r\n const columnConfig = aggregations[column.id];\r\n const isEnabled = columnConfig?.enabled;\r\n\r\n return (\r\n <DropdownMenuSub key={column.id}>\r\n <DropdownMenuSubTrigger className=\"text-sm\">\r\n <div className=\"flex items-center w-full gap-2\">\r\n <Checkbox\r\n checked={isEnabled}\r\n onCheckedChange={() => handleToggleAggregation(column.id)}\r\n className=\"data-[state=checked]:bg-primary\"\r\n />\r\n <span className={cn(\"flex-1\", isEnabled && \"font-medium text-primary\")}>\r\n {getColumnDisplayName(column.id)}\r\n </span>\r\n {isEnabled && (\r\n <div className=\"flex items-center gap-1\">\r\n {columnConfig?.functions?.slice(0, 2).map(func => (\r\n <div\r\n key={func}\r\n className=\"w-2 h-2 rounded-full bg-primary\"\r\n title={AGGREGATION_FUNCTIONS.find(f => f.value === func)?.label}\r\n />\r\n ))}\r\n {columnConfig?.functions && columnConfig.functions.length > 2 && (\r\n <div className=\"text-xs text-muted-foreground\">\r\n +{columnConfig.functions.length - 2}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </DropdownMenuSubTrigger>\r\n <DropdownMenuSubContent className=\"w-48 rounded-lg\">\r\n <DropdownMenuLabel className=\"px-3 py-2 text-xs font-medium text-muted-foreground\">\r\n Select Functions\r\n </DropdownMenuLabel>\r\n {AGGREGATION_FUNCTIONS.map(func => (\r\n <DropdownMenuCheckboxItem\r\n key={func.value}\r\n checked={columnConfig?.functions?.includes(func.value) \|\| false}\r\n onCheckedChange={() => handleToggleAggregationFunction(column.id, func.value)}\r\n className=\"py-2 text-sm\"\r\n >\r\n <div className=\"flex flex-col\">\r\n <span>{func.label}</span>\r\n <span className=\"text-xs text-muted-foreground\">\r\n {func.description}\r\n </span>\r\n </div>\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuSubContent>\r\n </DropdownMenuSub>\r\n );\r\n })}\r\n\r\n {aggregatableColumns.length === 0 && (\r\n <div className=\"px-3 py-4 text-center\">\r\n <Calculator className=\"w-8 h-8 mx-auto mb-2 opacity-50 text-muted-foreground\" />\r\n <p className=\"text-sm text-muted-foreground\">\r\n No numeric columns available for aggregation\r\n </p>\r\n </div>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n\r\n {/ Export Button /}\r\n {onExport && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={() => onExport(data)} className=\"rounded-lg\">\r\n <Download className=\"size-4\" />\r\n Export\r\n </Button>\r\n )}\r\n\r\n {/ Column Visibility /}\r\n {enableColumnVisibility && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild className=\"h-7\">\r\n <Button variant=\"outline\" size=\"sm\" className=\"gap-1 rounded-lg\">\r\n <span>Columns</span>\r\n <ChevronDown className=\"opacity-50 size-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[220px] rounded-lg max-h-[400px] overflow-y-auto\">\r\n <DropdownMenuLabel className=\"px-4 py-2 text-sm font-medium\">\r\n Toggle Columns\r\n </DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n\r\n {/ General section for ungrouped columns /}\r\n {getUngroupedLeafColumns().length > 0 && (\r\n <DropdownMenuGroup>\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n General\r\n </DropdownMenuLabel>\r\n {getUngroupedLeafColumns().map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n )}\r\n {getGroupColumns().map(group => (\r\n <DropdownMenuGroup key={group.id}>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n {group.id}\r\n </DropdownMenuLabel>\r\n {group.columns\r\n ?.filter(column => column.getCanHide?.() !== false)\r\n .map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id, group.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n ))}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n\r\n {/ Table Settings /}\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild className=\"h-7\">\r\n <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg h-7\">\r\n <Settings2 className=\"size-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuItem onClick={onClearSorting}>\r\n <ArrowUpDown className=\"size-4\" />\r\n Clear All Sorting\r\n </DropdownMenuItem>\r\n <DropdownMenuItem onClick={handleClearExternalFilters}>\r\n <Filter className=\"size-4\" />\r\n Clear All Filters\r\n </DropdownMenuItem>\r\n {hasAggregations && (\r\n <DropdownMenuItem onClick={handleClearAllAggregations}>\r\n <Calculator className=\"size-4\" />\r\n Clear Aggregations\r\n </DropdownMenuItem>\r\n )}\r\n {enableColumnPinning && (\r\n <>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel>Column Pinning</DropdownMenuLabel>\r\n <DropdownMenuItem\r\n onClick={() => table.setColumnPinning({ left: [], right: [] })}\r\n >\r\n <PinOff className=\"size-4\" />\r\n Reset All Pinning\r\n </DropdownMenuItem>\r\n {/ <DropdownMenuItem\r\n onClick={() => {\r\n const leftColumns = getAllLeafColumns()\r\n .filter(column => column.getCanPin?.() !== false)\r\n .map(column => column.id)\r\n table.setColumnPinning({ left: leftColumns, right: [] })\r\n }}\r\n >\r\n <Pin className=\"rotate-90 size-4\" />\r\n Pin All Left\r\n </DropdownMenuItem> /}\r\n <DropdownMenuItem\r\n onClick={() => {\r\n const rightColumns = getAllLeafColumns()\r\n .filter(column => column.getCanPin?.() !== false)\r\n .map(column => column.id)\r\n table.setColumnPinning({ left: [], right: rightColumns })\r\n }}\r\n >\r\n <Pin className=\"-rotate-90 size-4\" />\r\n Pin All Right\r\n </DropdownMenuItem>\r\n </>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n\r\n {/ Refresh Button /}\r\n {onRefresh && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading} className=\"rounded-lg\">\r\n <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n </Button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}","import as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n ghost:\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs));\r\n}","import as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from \"../../components/ui/dialog.jsx\"\n\nfunction Command({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n return (\n <CommandPrimitive\n data-slot=\"command\"\n className={cn(\n \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandDialog({\n title = \"Command Palette\",\n description = \"Search for a command to run...\",\n children,\n ...props\n}: React.ComponentProps<typeof Dialog> & {\n title?: string\n description?: string\n}) {\n return (\n <Dialog {...props}>\n <DialogHeader className=\"sr-only\">\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription>{description}</DialogDescription>\n </DialogHeader>\n <DialogContent className=\"overflow-hidden p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground *:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nfunction CommandInput({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n return (\n <div\n data-slot=\"command-input-wrapper\"\n className=\"flex h-9 items-center gap-2 border-b px-3\"\n >\n <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n data-slot=\"command-input\"\n className={cn(\n \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n )\n}\n\nfunction CommandList({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n return (\n <CommandPrimitive.List\n data-slot=\"command-list\"\n className={cn(\n \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandEmpty({\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n return (\n <CommandPrimitive.Empty\n data-slot=\"command-empty\"\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n )\n}\n\nfunction CommandGroup({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n return (\n <CommandPrimitive.Group\n data-slot=\"command-group\"\n className={cn(\n \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n return (\n <CommandPrimitive.Separator\n data-slot=\"command-separator\"\n className={cn(\"bg-border -mx-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction CommandItem({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n return (\n <CommandPrimitive.Item\n data-slot=\"command-item\"\n className={cn(\n \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"command-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator,\n}\n","import as React from \"react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/70\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogContent({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n className\n )}\n onInteractOutside={(e) => e.preventDefault()}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\">\n <XIcon />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n {...props}\n />\n )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\"text-lg leading-none font-semibold\", className)}\n {...props}\n />\n )\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n}\n","import as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n variant?: \"default\" \| \"destructive\"\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]::[svg]:!text-destructive [&_svg:not([class='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n","import { useEffect, useState } from \"react\";\r\nimport { Calendar as CalendarIcon, Check, X } from \"lucide-react\";\r\nimport { format } from \"date-fns\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover.js\";\r\nimport { Button } from \"../ui/button.js\";\r\nimport { cn } from \"../../lib/utils.js\";\r\nimport { Calendar } from \"../ui/calendar.js\";\r\n\r\ntype DateFilterProps = {\r\n value: any;\r\n onChange: (value: any) => void;\r\n placeholder: string;\r\n mode: \"single\" \| \"range\";\r\n externalSearch?: boolean;\r\n onExternalChange?: (value: any) => void;\r\n onlyExternal?: boolean;\r\n}\r\n\r\nexport function DateFilter({\r\n value,\r\n onChange,\r\n placeholder,\r\n mode,\r\n externalSearch,\r\n onExternalChange,\r\n onlyExternal = false,\r\n}: DateFilterProps) {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [tempValue, setTempValue] = useState(value);\r\n const [displayValue, setDisplayValue] = useState(value);\r\n\r\n useEffect(() => {\r\n if (!onlyExternal) {\r\n setDisplayValue(value);\r\n }\r\n }, [value, onlyExternal]);\r\n\r\n const handleApply = () => {\r\n if (!onlyExternal) {\r\n onChange(tempValue);\r\n setDisplayValue(tempValue);\r\n } else {\r\n // For onlyExternal, update the display value but don't call onChange\r\n setDisplayValue(tempValue);\r\n }\r\n\r\n if (externalSearch && onExternalChange) {\r\n onExternalChange(tempValue);\r\n }\r\n setIsOpen(false);\r\n };\r\n\r\n const handleCancel = () => {\r\n setTempValue(displayValue); // Use displayValue instead of value\r\n setIsOpen(false);\r\n };\r\n\r\n const handleClear = () => {\r\n const newValue = mode === \"single\" ? null : { from: null, to: null };\r\n setTempValue(newValue);\r\n\r\n if (!onlyExternal) {\r\n onChange(newValue);\r\n setDisplayValue(newValue);\r\n } else {\r\n // For onlyExternal, update the display value but don't call onChange\r\n setDisplayValue(newValue);\r\n }\r\n\r\n if (externalSearch && onExternalChange) {\r\n onExternalChange(newValue);\r\n }\r\n setIsOpen(false);\r\n };\r\n\r\n const displayText = () => {\r\n const valueToDisplay = onlyExternal ? displayValue : value;\r\n\r\n if (!valueToDisplay) return placeholder;\r\n\r\n if (mode === \"single\") {\r\n return format(valueToDisplay, \"PPP\");\r\n }\r\n\r\n if (valueToDisplay.from && valueToDisplay.to) {\r\n return `${format(valueToDisplay.from, \"MMM dd\")} - ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n }\r\n\r\n if (valueToDisplay.from) {\r\n return `From ${format(valueToDisplay.from, \"MMM dd, yyyy\")}`;\r\n }\r\n\r\n if (valueToDisplay.to) {\r\n return `To ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n }\r\n\r\n return placeholder;\r\n };\r\n\r\n const handleCalendarSelect = (selectedValue: any) => {\r\n if (mode === \"single\") {\r\n setTempValue(selectedValue);\r\n } else {\r\n setTempValue(selectedValue \|\| { from: null, to: null });\r\n }\r\n };\r\n\r\n return (\r\n <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n <PopoverTrigger className=\"h-8\" asChild>\r\n <Button\r\n variant=\"outline\"\r\n className={cn(\r\n \"w-full justify-start text-left font-normal h-9\",\r\n !displayText() && \"text-muted-foreground\"\r\n )}\r\n >\r\n <CalendarIcon className=\"mr-2 h-4 w-4\" />\r\n {displayText()}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n <div className=\"p-3\">\r\n <Calendar\r\n mode={mode}\r\n selected={tempValue}\r\n onSelect={handleCalendarSelect}\r\n numberOfMonths={mode === \"range\" ? 2 : 1}\r\n className=\"rounded-md border\"\r\n {...(mode === \"range\" && { required: true })}\r\n />\r\n </div>\r\n <div className=\"flex items-center justify-between p-3 border-t\">\r\n <Button variant=\"ghost\" size=\"sm\" onClick={handleClear}>\r\n Clear\r\n </Button>\r\n <div className=\"flex gap-2\">\r\n <Button variant=\"outline\" size=\"sm\" onClick={handleCancel}>\r\n Cancel\r\n </Button>\r\n <Button\r\n size=\"sm\"\r\n onClick={handleApply}\r\n disabled={mode === \"range\" && (!tempValue?.from \|\| !tempValue?.to)}\r\n >\r\n Apply\r\n </Button>\r\n </div>\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n}","import as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","import * as React from \"react\"\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n} from \"lucide-react\"\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport { Button, buttonVariants } from \"../ui/button.jsx\"\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = \"label\",\n buttonVariant = \"ghost\",\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n \"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n String.raw`rtl::[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl::[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: (date) =>\n date.toLocaleString(\"default\", { month: \"short\" }),\n ...formatters,\n }}\n classNames={{\n root: cn(\"w-fit\", defaultClassNames.root),\n months: cn(\n \"flex gap-4 flex-col md:flex-row relative\",\n defaultClassNames.months\n ),\n month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n nav: cn(\n \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_next\n ),\n month_caption: cn(\n \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n \"absolute bg-popover inset-0 opacity-0\",\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n \"select-none font-medium\",\n captionLayout === \"label\"\n ? \"text-sm\"\n : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n defaultClassNames.caption_label\n ),\n table: \"w-full border-collapse\",\n weekdays: cn(\"flex\", defaultClassNames.weekdays),\n weekday: cn(\n \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n defaultClassNames.weekday\n ),\n week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n week_number_header: cn(\n \"select-none w-(--cell-size)\",\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n \"text-[0.8rem] select-none text-muted-foreground\",\n defaultClassNames.week_number\n ),\n day: cn(\n \"relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none\",\n defaultClassNames.day\n ),\n range_start: cn(\n \"rounded-l-md bg-accent\",\n defaultClassNames.range_start\n ),\n range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n range_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n today: cn(\n \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n defaultClassNames.today\n ),\n outside: cn(\n \"text-muted-foreground aria-selected:text-muted-foreground\",\n defaultClassNames.outside\n ),\n disabled: cn(\n \"text-muted-foreground opacity-50\",\n defaultClassNames.disabled\n ),\n hidden: cn(\"invisible\", defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n )\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === \"left\") {\n return (\n <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n )\n }\n\n if (orientation === \"right\") {\n return (\n <ChevronRightIcon\n className={cn(\"size-4\", className)}\n {...props}\n />\n )\n }\n\n return (\n <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n )\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components,\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n \"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70\",\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n","import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n \"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\n\nexport { Checkbox }\n"],"mappings":"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","names":["Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","Calculator","Check","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","CommandPrimitive","SearchIcon","DialogPrimitive","XIcon","jsx","jsxs","jsx","jsxs","Command","className","props","CommandPrimitive","cn","CommandInput","className","props","jsxs","jsx","SearchIcon","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandItem","className","props","jsx","CommandPrimitive","cn","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","DropdownMenuSub","props","jsx","DropdownMenuPrimitive","DropdownMenuSubTrigger","className","inset","children","jsxs","cn","ChevronRightIcon","DropdownMenuSubContent","useState","useEffect","useState","CalendarIcon","format","PopoverPrimitive","jsx","Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","React","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","DayPicker","getDefaultClassNames","jsx","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","Button","jsx","jsxs","DateFilter","value","onChange","placeholder","mode","externalSearch","onExternalChange","onlyExternal","isOpen","setIsOpen","useState","tempValue","setTempValue","displayValue","setDisplayValue","useEffect","handleApply","handleCancel","handleClear","newValue","displayText","valueToDisplay","format","handleCalendarSelect","selectedValue","Popover","PopoverTrigger","Button","cn","CalendarIcon","PopoverContent","Calendar","CheckboxPrimitive","CheckIcon","jsx","Checkbox","className","props","CheckboxPrimitive","cn","CheckIcon","Fragment","jsx","jsxs","AGGREGATION_FUNCTIONS","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","onExternalSearch","onCustomFilterChange","aggregations","onAggregationChange","externalFilterValues","setExternalFilterValues","useState","customFilterValues","setCustomFilterValues","openSelectPopovers","setOpenSelectPopovers","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","handleExternalFilterChange","key","value","newValues","handleCustomFilterChange","f","handleExternalSearch","handleClearExternalFilters","getFilterValue","setFilterValue","filter","handleSelectPopoverOpen","isOpen","prev","handleToggleAggregation","currentConfig","newConfig","handleToggleAggregationFunction","func","currentFunctions","newFunctions","handleClearAllAggregations","config","aggregatableColumns","row","hasAggregations","Filter","cn","Popover","open","PopoverTrigger","Button","option","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","DateFilter","Input","event","Search","DropdownMenu","DropdownMenuTrigger","Calculator","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","columnConfig","isEnabled","DropdownMenuSub","DropdownMenuSubTrigger","Checkbox","DropdownMenuSubContent","DropdownMenuCheckboxItem","Download","DropdownMenuGroup","Settings2","DropdownMenuItem","ArrowUpDown","PinOff","rightColumns","Pin","RefreshCw"]}
1	+ {"version":3,"sources":["../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/command.tsx","../../../../src/components/ui/dialog.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/helper/date-filter.tsx","../../../../src/components/ui/popover.tsx","../../../../src/components/ui/calendar.tsx","../../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown, Calculator, Check } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n CommandSeparator,\r\n} from \"../../ui/command.jsx\"\r\nimport {\r\n DropdownMenu,\r\n DropdownMenuContent,\r\n DropdownMenuItem,\r\n DropdownMenuLabel,\r\n DropdownMenuSeparator,\r\n DropdownMenuTrigger,\r\n DropdownMenuCheckboxItem,\r\n DropdownMenuGroup,\r\n DropdownMenuSub,\r\n DropdownMenuSubContent,\r\n DropdownMenuSubTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig, AggregationConfig, AggregationFunction, AggregationConfigMap } from \"./data-table-types.js\"\r\nimport { useState } from \"react\"\r\nimport { DateFilter } from \"../../helper/date-filter.js\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../ui/popover.jsx\"\r\n\r\ninterface DataTableToolbarProps<TData> {\r\n table: Table<TData>\r\n filters?: FilterConfig<TData>[]\r\n globalFilter: string\r\n onGlobalFilterChange: (value: string) => void\r\n enableGlobalFilter: boolean\r\n onExport?: (data: TData[]) => void\r\n onRefresh?: () => void\r\n loading?: boolean\r\n enableColumnVisibility?: boolean\r\n enableColumnPinning?: boolean\r\n data: TData[]\r\n onClearSorting: () => void\r\n onClearFilters: () => void\r\n onExternalSearch?: (filters: Record<string, any>) => void\r\n onCustomFilterChange?: (key: string, value: any) => void\r\n aggregations?: AggregationConfigMap<TData>;\r\n onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;\r\n enableGroupedGlobalFilter?: boolean;\r\n groupedFilterLabel?: string;\r\n onGroupedFilterChange?: (group: string, value: string) => void;\r\n}\r\n\r\n// Available aggregation functions with labels\r\nconst AGGREGATION_FUNCTIONS: { value: AggregationFunction; label: string; description: string }[] = [\r\n { value: 'sum', label: 'Sum', description: 'Total of all values' },\r\n { value: 'average', label: 'Average', description: 'Mean value' },\r\n { value: 'min', label: 'Minimum', description: 'Smallest value' },\r\n { value: 'max', label: 'Maximum', description: 'Largest value' },\r\n { value: 'count', label: 'Count', description: 'Number of rows' },\r\n { value: 'unique', label: 'Unique', description: 'Count of distinct values' },\r\n { value: 'median', label: 'Median', description: 'Middle value' },\r\n];\r\n\r\nexport function DataTableToolbar<TData>({\r\n table,\r\n filters = [],\r\n globalFilter,\r\n onGlobalFilterChange,\r\n enableGlobalFilter = true,\r\n onExport,\r\n onRefresh,\r\n loading = false,\r\n enableColumnVisibility = true,\r\n data,\r\n onClearSorting,\r\n onClearFilters,\r\n enableColumnPinning = false,\r\n onExternalSearch,\r\n onCustomFilterChange,\r\n aggregations = {},\r\n onAggregationChange,\r\n enableGroupedGlobalFilter = false,\r\n groupedFilterLabel = \"Search in\",\r\n onGroupedFilterChange,\r\n}: DataTableToolbarProps<TData>) {\r\n const [externalFilterValues, setExternalFilterValues] = useState<Record<string, any>>({});\r\n const [customFilterValues, setCustomFilterValues] = useState<Record<string, any>>({});\r\n const [openSelectPopovers, setOpenSelectPopovers] = useState<Record<string, boolean>>({});\r\n const [selectedGroupedFilter, setSelectedGroupedFilter] = useState<string>(\"all\");\r\n\r\n const getAllLeafColumns = () => {\r\n return table.getAllLeafColumns().filter(column => column.getCanHide?.() !== false)\r\n }\r\n\r\n const getGroupColumns = () => {\r\n return table.getAllColumns().filter(column =>\r\n !table.getAllLeafColumns().includes(column) &&\r\n column.columns?.length &&\r\n column.columns.some(col => col.getCanHide?.() !== false)\r\n )\r\n }\r\n\r\n const getUngroupedLeafColumns = () => {\r\n const groupedColumnIds = new Set(\r\n getGroupColumns().flatMap(group =>\r\n group.columns?.filter(col => col.getCanHide?.() !== false).map(c => c.id) \|\| []\r\n )\r\n )\r\n return getAllLeafColumns().filter(column => !groupedColumnIds.has(column.id))\r\n }\r\n\r\n const getColumnDisplayName = (columnId: string, groupName?: string) => {\r\n if (groupName && columnId.startsWith(`${groupName}.`)) {\r\n const cleanId = columnId.replace(`${groupName}.`, '')\r\n return cleanId\r\n .split('_')\r\n .map(word => word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n return columnId\r\n .split('_')\r\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n .join(' ')\r\n }\r\n\r\n const handleExternalFilterChange = (key: string, value: any) => {\r\n const newValues = { ...externalFilterValues, [key]: value };\r\n setExternalFilterValues(newValues);\r\n }\r\n\r\n const handleCustomFilterChange = (key: string, value: any) => {\r\n const newValues = { ...customFilterValues, [key]: value };\r\n setCustomFilterValues(newValues);\r\n\r\n if (onCustomFilterChange) {\r\n onCustomFilterChange(key, value);\r\n }\r\n\r\n if (filters.find(f => f.key === key)?.externalSearch) {\r\n handleExternalFilterChange(key, value);\r\n }\r\n }\r\n\r\n const handleExternalSearch = () => {\r\n if (onExternalSearch) {\r\n onExternalSearch(externalFilterValues);\r\n }\r\n }\r\n\r\n const handleClearExternalFilters = () => {\r\n setExternalFilterValues({});\r\n setCustomFilterValues({});\r\n onClearFilters();\r\n if (onExternalSearch) {\r\n onExternalSearch({});\r\n }\r\n if (onCustomFilterChange) {\r\n Object.keys(customFilterValues).forEach(key => {\r\n onCustomFilterChange(key, \"\");\r\n });\r\n }\r\n }\r\n\r\n const getFilterValue = (key: string) => {\r\n const filter = filters.find(f => f.key === key);\r\n if (filter?.customFilter) {\r\n return customFilterValues[key] ?? \"\";\r\n }\r\n return table.getColumn(key)?.getFilterValue();\r\n }\r\n\r\n const setFilterValue = (key: string, value: any) => {\r\n const filter = filters.find(f => f.key === key);\r\n\r\n if (filter?.customFilter) {\r\n handleCustomFilterChange(key, value);\r\n } else {\r\n table.getColumn(key)?.setFilterValue(value);\r\n\r\n if (filter?.externalSearch) {\r\n handleExternalFilterChange(key, value);\r\n }\r\n }\r\n }\r\n\r\n const handleSelectPopoverOpen = (key: string, isOpen: boolean) => {\r\n setOpenSelectPopovers(prev => ({ ...prev, [key]: isOpen }));\r\n };\r\n\r\n // Aggregation handlers\r\n const handleToggleAggregation = (columnId: string) => {\r\n if (onAggregationChange) {\r\n const currentConfig = aggregations[columnId];\r\n const newConfig: AggregationConfig<TData> = {\r\n enabled: !currentConfig?.enabled,\r\n functions: currentConfig?.functions \|\| ['sum', 'average'],\r\n };\r\n onAggregationChange(columnId, newConfig);\r\n }\r\n }\r\n\r\n const handleToggleAggregationFunction = (columnId: string, func: AggregationFunction) => {\r\n if (onAggregationChange) {\r\n const currentConfig = aggregations[columnId];\r\n const currentFunctions = currentConfig?.functions \|\| [];\r\n const newFunctions = currentFunctions.includes(func)\r\n ? currentFunctions.filter(f => f !== func)\r\n : [...currentFunctions, func];\r\n\r\n onAggregationChange(columnId, {\r\n enabled: newFunctions.length > 0,\r\n functions: newFunctions,\r\n });\r\n }\r\n }\r\n\r\n const handleClearAllAggregations = () => {\r\n if (onAggregationChange) {\r\n Object.keys(aggregations).forEach(columnId => {\r\n const config = aggregations[columnId];\r\n if (config) {\r\n onAggregationChange(columnId, { ...config, enabled: false, functions: [] });\r\n }\r\n });\r\n }\r\n }\r\n\r\n const getAggregatableColumns = () => {\r\n return getAllLeafColumns().filter(column => {\r\n // Skip special columns\r\n if (column.id === 'select' \|\| column.id === 'serialNumber') return false;\r\n\r\n // Check column meta for aggregation capability\r\n const columnMeta = column.columnDef.meta as { aggregatable?: boolean };\r\n if (columnMeta?.aggregatable) return true;\r\n\r\n // Auto-detect numeric columns by sampling\r\n const sampleRows = table.getRowModel().rows.slice(0, 5);\r\n return sampleRows.some(row => {\r\n const value = row.getValue(column.id);\r\n return typeof value === 'number' \|\|\r\n (typeof value === 'string' && !isNaN(parseFloat(String(value)))) \|\|\r\n (typeof value === 'object' && value !== null && 'props' in value); // React elements\r\n });\r\n });\r\n };\r\n\r\n // Handle grouped global filter change\r\n const handleGroupedFilterChange = (group: string) => {\r\n setSelectedGroupedFilter(group);\r\n if (onGroupedFilterChange) {\r\n onGroupedFilterChange(group, globalFilter);\r\n }\r\n };\r\n\r\n // Handle global filter input change with grouped filter\r\n const handleGlobalFilterChange = (value: string) => {\r\n onGlobalFilterChange(value);\r\n if (onGroupedFilterChange && enableGroupedGlobalFilter) {\r\n onGroupedFilterChange(selectedGroupedFilter, value);\r\n }\r\n };\r\n\r\n const aggregatableColumns = getAggregatableColumns();\r\n const hasAggregations = Object.values(aggregations).some(config => config?.enabled);\r\n\r\n // Prepare filter groups for dropdown\r\n const filterGroups = [\r\n { value: \"all\", label: \"All Fields\" },\r\n ...filters.map(filter => ({\r\n value: filter.key,\r\n label: filter.placeholder,\r\n }))\r\n ];\r\n\r\n return (\r\n <div className=\"rounded-xl\">\r\n <div className=\"px-2\">\r\n <div className=\"flex flex-col gap-6\">\r\n {/* Top Controls /}\r\n <div className=\"flex items-center justify-between\">\r\n <div className=\"flex items-center gap-3\">\r\n {/ Filters Row /}\r\n {filters.length > 0 && (\r\n <div className=\"flex flex-wrap items-center gap-3\">\r\n <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n <Filter className=\"size-4\" />\r\n {/ Filters: /}\r\n </div>\r\n {filters.map((filter) => {\r\n // Skip rendering if column doesn't exist and it's not a custom/external filter\r\n const column = table.getColumn(filter.key);\r\n if (!column && !filter.customFilter && !filter.externalSearch) {\r\n return null;\r\n }\r\n\r\n return (\r\n <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n {filter.type === \"select\" ? (\r\n <Popover open={openSelectPopovers[filter.key]} onOpenChange={(open) => handleSelectPopoverOpen(filter.key, open)}>\r\n <PopoverTrigger asChild>\r\n <div className=\"relative w-full\">\r\n {filter.icon && (\r\n <filter.icon className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground pointer-events-none z-10\" />\r\n )}\r\n <Button\r\n variant=\"outline\"\r\n role=\"combobox\"\r\n aria-expanded={openSelectPopovers[filter.key]}\r\n className={cn(\r\n \"h-8 sm:h-8 rounded-lg w-full justify-between font-normal\",\r\n !getFilterValue(filter.key) && \"text-muted-foreground\"\r\n )}\r\n >\r\n <span className={cn(\"truncate\", filter.icon && \"pl-6\")}>\r\n {getFilterValue(filter.key)\r\n ? filter.options?.find(option => option.value === getFilterValue(filter.key))?.label\r\n : filter.placeholder}\r\n </span>\r\n <ChevronDown className=\"ml-2 opacity-50 size-4 shrink-0\" />\r\n </Button>\r\n </div>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-[--radix-popover-trigger-width] p-0 rounded-lg\">\r\n <Command className=\"rounded-lg\">\r\n <CommandInput placeholder={`Search ${filter.placeholder?.toLowerCase()}...`} />\r\n <CommandList>\r\n <CommandEmpty>No option found.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n value=\"all\"\r\n onSelect={() => {\r\n setFilterValue(filter.key, \"\");\r\n handleSelectPopoverOpen(filter.key, false);\r\n }}\r\n className=\"flex items-center cursor-pointer\"\r\n >\r\n <Check\r\n className={cn(\r\n \"mr-2 size-4 shrink-0\",\r\n !getFilterValue(filter.key) ? \"opacity-100\" : \"opacity-0\"\r\n )}\r\n />\r\n <span>All</span>\r\n </CommandItem>\r\n {filter.options?.map((option) => (\r\n <CommandItem\r\n key={option.label}\r\n value={option.label}\r\n onSelect={() => {\r\n setFilterValue(filter.key, option.value);\r\n handleSelectPopoverOpen(filter.key, false);\r\n }}\r\n className=\"flex items-center cursor-pointer\"\r\n >\r\n <Check\r\n className={cn(\r\n \"mr-2 size-4 shrink-0\",\r\n getFilterValue(filter.key) === option.value ? \"opacity-100\" : \"opacity-0\"\r\n )}\r\n />\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n ) : filter.type === \"date\" ? (\r\n <DateFilter\r\n value={getFilterValue(filter.key)}\r\n onChange={(value) => {\r\n if (!filter.onlyExternal) {\r\n setFilterValue(filter.key, value);\r\n }\r\n }}\r\n placeholder={filter.placeholder}\r\n mode={filter.dateMode \|\| \"single\"}\r\n externalSearch={filter.externalSearch}\r\n onlyExternal={filter.onlyExternal}\r\n onExternalChange={(value) => handleExternalFilterChange(filter.key, value)}\r\n />\r\n ) : (\r\n <div className=\"relative\">\r\n {filter.icon && <filter.icon className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground\" />}\r\n <Input\r\n placeholder={filter.placeholder}\r\n value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n onChange={(event) => {\r\n setFilterValue(filter.key, event.target.value);\r\n }}\r\n className={cn(\"h-8 rounded-lg\", filter.icon && \"pl-9\")}\r\n type={filter.type === \"number\" ? \"number\" : \"text\"}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n\r\n {(filters.some(filter => filter.externalSearch) \|\| filters.some(filter => filter.customFilter)) && (\r\n <Button\r\n variant=\"default\"\r\n size=\"sm\"\r\n onClick={handleExternalSearch}\r\n className=\"rounded-lg h-7\"\r\n >\r\n <Search className=\"size-4\" />\r\n {filters.find(f => f.externalSearch \|\| f.customFilter)?.searchButtonText \|\| \"Search\"}\r\n </Button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div className=\"flex items-center gap-2\">\r\n {/ Global Search /}\r\n {enableGlobalFilter && (\r\n <div className={cn(\"flex items-center\", enableGroupedGlobalFilter ? \"bg-background border rounded-lg\" : \"\")}>\r\n {enableGroupedGlobalFilter && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n className=\"gap-1 border-0 border-r rounded-r-none hover:bg-transparent\"\r\n >\r\n <span className=\"text-sm font-medium\">{groupedFilterLabel}</span>\r\n <ChevronDown className=\"opacity-50 size-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-48 rounded-lg\">\r\n {filterGroups.map((group) => (\r\n <DropdownMenuItem\r\n key={group.value}\r\n onClick={() => handleGroupedFilterChange(group.value)}\r\n className=\"flex items-center justify-between\"\r\n >\r\n <span>{group.label}</span>\r\n {selectedGroupedFilter === group.value && (\r\n <Check className=\"size-4 text-primary\" />\r\n )}\r\n </DropdownMenuItem>\r\n ))}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n <div className=\"relative flex-1\">\r\n <Search className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground\" />\r\n <Input\r\n placeholder={\r\n enableGroupedGlobalFilter && selectedGroupedFilter !== \"all\"\r\n ? `Search in ${filterGroups.find(g => g.value === selectedGroupedFilter)?.label}...`\r\n : \"Global search...\"\r\n }\r\n value={globalFilter ?? \"\"}\r\n onChange={(event) => handleGlobalFilterChange(event.target.value)}\r\n className={cn(\r\n \"pl-9 h-8 max-w-max\",\r\n enableGroupedGlobalFilter && \"border-0 rounded-l-none\"\r\n )}\r\n />\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/ Aggregation Settings /}\r\n {aggregatableColumns.length > 0 && onAggregationChange && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n className={cn(\"rounded-lg gap-1\", hasAggregations && \"bg-primary/10 dark:bg-primary/10 border-primary/20 dark:border-primary/20\")}\r\n >\r\n <Calculator className=\"size-4\" />\r\n <span>Aggregations</span>\r\n <ChevronDown className=\"opacity-50 size-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-64 rounded-lg max-h-[500px] overflow-y-auto\">\r\n <DropdownMenuLabel className=\"flex items-center justify-between px-4 py-2\">\r\n <span className=\"text-sm font-medium\">Column Aggregations</span>\r\n {hasAggregations && (\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n onClick={handleClearAllAggregations}\r\n className=\"h-6 px-2 text-xs\"\r\n >\r\n Clear All\r\n </Button>\r\n )}\r\n </DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n\r\n {aggregatableColumns.map(column => {\r\n const columnConfig = aggregations[column.id];\r\n const isEnabled = columnConfig?.enabled;\r\n\r\n return (\r\n <DropdownMenuSub key={column.id}>\r\n <DropdownMenuSubTrigger className=\"text-sm\">\r\n <div className=\"flex items-center w-full gap-2\">\r\n <Checkbox\r\n checked={isEnabled}\r\n onCheckedChange={() => handleToggleAggregation(column.id)}\r\n className=\"data-[state=checked]:bg-primary\"\r\n />\r\n <span className={cn(\"flex-1\", isEnabled && \"font-medium text-primary\")}>\r\n {getColumnDisplayName(column.id)}\r\n </span>\r\n {isEnabled && (\r\n <div className=\"flex items-center gap-1\">\r\n {columnConfig?.functions?.slice(0, 2).map(func => (\r\n <div\r\n key={func}\r\n className=\"w-2 h-2 rounded-full bg-primary\"\r\n title={AGGREGATION_FUNCTIONS.find(f => f.value === func)?.label}\r\n />\r\n ))}\r\n {columnConfig?.functions && columnConfig.functions.length > 2 && (\r\n <div className=\"text-xs text-muted-foreground\">\r\n +{columnConfig.functions.length - 2}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </DropdownMenuSubTrigger>\r\n <DropdownMenuSubContent className=\"w-48 rounded-lg\">\r\n <DropdownMenuLabel className=\"px-3 py-2 text-xs font-medium text-muted-foreground\">\r\n Select Functions\r\n </DropdownMenuLabel>\r\n {AGGREGATION_FUNCTIONS.map(func => (\r\n <DropdownMenuCheckboxItem\r\n key={func.value}\r\n checked={columnConfig?.functions?.includes(func.value) \|\| false}\r\n onCheckedChange={() => handleToggleAggregationFunction(column.id, func.value)}\r\n className=\"py-2 text-sm\"\r\n >\r\n <div className=\"flex flex-col\">\r\n <span>{func.label}</span>\r\n <span className=\"text-xs text-muted-foreground\">\r\n {func.description}\r\n </span>\r\n </div>\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuSubContent>\r\n </DropdownMenuSub>\r\n );\r\n })}\r\n\r\n {aggregatableColumns.length === 0 && (\r\n <div className=\"px-3 py-4 text-center\">\r\n <Calculator className=\"w-8 h-8 mx-auto mb-2 opacity-50 text-muted-foreground\" />\r\n <p className=\"text-sm text-muted-foreground\">\r\n No numeric columns available for aggregation\r\n </p>\r\n </div>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n\r\n {/ Export Button /}\r\n {onExport && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={() => onExport(data)} className=\"rounded-lg\">\r\n <Download className=\"size-4\" />\r\n Export\r\n </Button>\r\n )}\r\n\r\n {/ Column Visibility /}\r\n {enableColumnVisibility && (\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild className=\"h-7\">\r\n <Button variant=\"outline\" size=\"sm\" className=\"gap-1 rounded-lg\">\r\n <span>Columns</span>\r\n <ChevronDown className=\"opacity-50 size-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[220px] rounded-lg max-h-[400px] overflow-y-auto\">\r\n <DropdownMenuLabel className=\"px-4 py-2 text-sm font-medium\">\r\n Toggle Columns\r\n </DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n\r\n {/ General section for ungrouped columns /}\r\n {getUngroupedLeafColumns().length > 0 && (\r\n <DropdownMenuGroup>\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n General\r\n </DropdownMenuLabel>\r\n {getUngroupedLeafColumns().map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n )}\r\n {getGroupColumns().map(group => (\r\n <DropdownMenuGroup key={group.id}>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n {group.id}\r\n </DropdownMenuLabel>\r\n {group.columns\r\n ?.filter(column => column.getCanHide?.() !== false)\r\n .map(column => (\r\n <DropdownMenuCheckboxItem\r\n key={column.id}\r\n className=\"text-sm\"\r\n checked={column.getIsVisible()}\r\n onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n >\r\n {getColumnDisplayName(column.id, group.id)}\r\n </DropdownMenuCheckboxItem>\r\n ))}\r\n </DropdownMenuGroup>\r\n ))}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n )}\r\n\r\n {/ Table Settings /}\r\n <DropdownMenu>\r\n <DropdownMenuTrigger asChild className=\"h-7\">\r\n <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg h-7\">\r\n <Settings2 className=\"size-4\" />\r\n </Button>\r\n </DropdownMenuTrigger>\r\n <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuItem onClick={onClearSorting}>\r\n <ArrowUpDown className=\"size-4\" />\r\n Clear All Sorting\r\n </DropdownMenuItem>\r\n <DropdownMenuItem onClick={handleClearExternalFilters}>\r\n <Filter className=\"size-4\" />\r\n Clear All Filters\r\n </DropdownMenuItem>\r\n {hasAggregations && (\r\n <DropdownMenuItem onClick={handleClearAllAggregations}>\r\n <Calculator className=\"size-4\" />\r\n Clear Aggregations\r\n </DropdownMenuItem>\r\n )}\r\n {enableColumnPinning && (\r\n <>\r\n <DropdownMenuSeparator />\r\n <DropdownMenuLabel>Column Pinning</DropdownMenuLabel>\r\n <DropdownMenuItem\r\n onClick={() => table.setColumnPinning({ left: [], right: [] })}\r\n >\r\n <PinOff className=\"size-4\" />\r\n Reset All Pinning\r\n </DropdownMenuItem>\r\n <DropdownMenuItem\r\n onClick={() => {\r\n const rightColumns = getAllLeafColumns()\r\n .filter(column => column.getCanPin?.() !== false)\r\n .map(column => column.id)\r\n table.setColumnPinning({ left: [], right: rightColumns })\r\n }}\r\n >\r\n <Pin className=\"-rotate-90 size-4\" />\r\n Pin All Right\r\n </DropdownMenuItem>\r\n </>\r\n )}\r\n </DropdownMenuContent>\r\n </DropdownMenu>\r\n\r\n {/ Refresh Button /}\r\n {onRefresh && (\r\n <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading} className=\"rounded-lg\">\r\n <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n </Button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}","import as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n ghost:\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs));\r\n}","import as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from \"../../components/ui/dialog.jsx\"\n\nfunction Command({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n return (\n <CommandPrimitive\n data-slot=\"command\"\n className={cn(\n \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandDialog({\n title = \"Command Palette\",\n description = \"Search for a command to run...\",\n children,\n ...props\n}: React.ComponentProps<typeof Dialog> & {\n title?: string\n description?: string\n}) {\n return (\n <Dialog {...props}>\n <DialogHeader className=\"sr-only\">\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription>{description}</DialogDescription>\n </DialogHeader>\n <DialogContent className=\"overflow-hidden p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground *:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nfunction CommandInput({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n return (\n <div\n data-slot=\"command-input-wrapper\"\n className=\"flex h-9 items-center gap-2 border-b px-3\"\n >\n <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n data-slot=\"command-input\"\n className={cn(\n \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n )\n}\n\nfunction CommandList({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n return (\n <CommandPrimitive.List\n data-slot=\"command-list\"\n className={cn(\n \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandEmpty({\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n return (\n <CommandPrimitive.Empty\n data-slot=\"command-empty\"\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n )\n}\n\nfunction CommandGroup({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n return (\n <CommandPrimitive.Group\n data-slot=\"command-group\"\n className={cn(\n \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n return (\n <CommandPrimitive.Separator\n data-slot=\"command-separator\"\n className={cn(\"bg-border -mx-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction CommandItem({\n className,\n ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n return (\n <CommandPrimitive.Item\n data-slot=\"command-item\"\n className={cn(\n \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"command-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator,\n}\n","import as React from \"react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/70\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogContent({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n className\n )}\n onInteractOutside={(e) => e.preventDefault()}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\">\n <XIcon />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n {...props}\n />\n )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\"text-lg leading-none font-semibold\", className)}\n {...props}\n />\n )\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n}\n","import as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n variant?: \"default\" \| \"destructive\"\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]::[svg]:!text-destructive [&_svg:not([class='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n","import { useEffect, useState } from \"react\";\r\nimport { Calendar as CalendarIcon, Check, X } from \"lucide-react\";\r\nimport { format } from \"date-fns\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover.js\";\r\nimport { Button } from \"../ui/button.js\";\r\nimport { cn } from \"../../lib/utils.js\";\r\nimport { Calendar } from \"../ui/calendar.js\";\r\n\r\ntype DateFilterProps = {\r\n value: any;\r\n onChange: (value: any) => void;\r\n placeholder: string;\r\n mode: \"single\" \| \"range\";\r\n externalSearch?: boolean;\r\n onExternalChange?: (value: any) => void;\r\n onlyExternal?: boolean;\r\n}\r\n\r\nexport function DateFilter({\r\n value,\r\n onChange,\r\n placeholder,\r\n mode,\r\n externalSearch,\r\n onExternalChange,\r\n onlyExternal = false,\r\n}: DateFilterProps) {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [tempValue, setTempValue] = useState(value);\r\n const [displayValue, setDisplayValue] = useState(value);\r\n\r\n useEffect(() => {\r\n if (!onlyExternal) {\r\n setDisplayValue(value);\r\n }\r\n }, [value, onlyExternal]);\r\n\r\n const handleApply = () => {\r\n if (!onlyExternal) {\r\n onChange(tempValue);\r\n setDisplayValue(tempValue);\r\n } else {\r\n // For onlyExternal, update the display value but don't call onChange\r\n setDisplayValue(tempValue);\r\n }\r\n\r\n if (externalSearch && onExternalChange) {\r\n onExternalChange(tempValue);\r\n }\r\n setIsOpen(false);\r\n };\r\n\r\n const handleCancel = () => {\r\n setTempValue(displayValue); // Use displayValue instead of value\r\n setIsOpen(false);\r\n };\r\n\r\n const handleClear = () => {\r\n const newValue = mode === \"single\" ? null : { from: null, to: null };\r\n setTempValue(newValue);\r\n\r\n if (!onlyExternal) {\r\n onChange(newValue);\r\n setDisplayValue(newValue);\r\n } else {\r\n // For onlyExternal, update the display value but don't call onChange\r\n setDisplayValue(newValue);\r\n }\r\n\r\n if (externalSearch && onExternalChange) {\r\n onExternalChange(newValue);\r\n }\r\n setIsOpen(false);\r\n };\r\n\r\n const displayText = () => {\r\n const valueToDisplay = onlyExternal ? displayValue : value;\r\n\r\n if (!valueToDisplay) return placeholder;\r\n\r\n if (mode === \"single\") {\r\n return format(valueToDisplay, \"PPP\");\r\n }\r\n\r\n if (valueToDisplay.from && valueToDisplay.to) {\r\n return `${format(valueToDisplay.from, \"MMM dd\")} - ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n }\r\n\r\n if (valueToDisplay.from) {\r\n return `From ${format(valueToDisplay.from, \"MMM dd, yyyy\")}`;\r\n }\r\n\r\n if (valueToDisplay.to) {\r\n return `To ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n }\r\n\r\n return placeholder;\r\n };\r\n\r\n const handleCalendarSelect = (selectedValue: any) => {\r\n if (mode === \"single\") {\r\n setTempValue(selectedValue);\r\n } else {\r\n setTempValue(selectedValue \|\| { from: null, to: null });\r\n }\r\n };\r\n\r\n return (\r\n <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n <PopoverTrigger className=\"h-8\" asChild>\r\n <Button\r\n variant=\"outline\"\r\n className={cn(\r\n \"w-full justify-start text-left font-normal h-9\",\r\n !displayText() && \"text-muted-foreground\"\r\n )}\r\n >\r\n <CalendarIcon className=\"mr-2 h-4 w-4\" />\r\n {displayText()}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n <div className=\"p-3\">\r\n <Calendar\r\n mode={mode}\r\n selected={tempValue}\r\n onSelect={handleCalendarSelect}\r\n numberOfMonths={mode === \"range\" ? 2 : 1}\r\n className=\"rounded-md border\"\r\n {...(mode === \"range\" && { required: true })}\r\n />\r\n </div>\r\n <div className=\"flex items-center justify-between p-3 border-t\">\r\n <Button variant=\"ghost\" size=\"sm\" onClick={handleClear}>\r\n Clear\r\n </Button>\r\n <div className=\"flex gap-2\">\r\n <Button variant=\"outline\" size=\"sm\" onClick={handleCancel}>\r\n Cancel\r\n </Button>\r\n <Button\r\n size=\"sm\"\r\n onClick={handleApply}\r\n disabled={mode === \"range\" && (!tempValue?.from \|\| !tempValue?.to)}\r\n >\r\n Apply\r\n </Button>\r\n </div>\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n}","import as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","import * as React from \"react\"\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n} from \"lucide-react\"\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport { Button, buttonVariants } from \"../ui/button.jsx\"\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = \"label\",\n buttonVariant = \"ghost\",\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n \"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n String.raw`rtl::[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl::[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: (date) =>\n date.toLocaleString(\"default\", { month: \"short\" }),\n ...formatters,\n }}\n classNames={{\n root: cn(\"w-fit\", defaultClassNames.root),\n months: cn(\n \"flex gap-4 flex-col md:flex-row relative\",\n defaultClassNames.months\n ),\n month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n nav: cn(\n \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_next\n ),\n month_caption: cn(\n \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n \"absolute bg-popover inset-0 opacity-0\",\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n \"select-none font-medium\",\n captionLayout === \"label\"\n ? \"text-sm\"\n : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n defaultClassNames.caption_label\n ),\n table: \"w-full border-collapse\",\n weekdays: cn(\"flex\", defaultClassNames.weekdays),\n weekday: cn(\n \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n defaultClassNames.weekday\n ),\n week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n week_number_header: cn(\n \"select-none w-(--cell-size)\",\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n \"text-[0.8rem] select-none text-muted-foreground\",\n defaultClassNames.week_number\n ),\n day: cn(\n \"relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none\",\n defaultClassNames.day\n ),\n range_start: cn(\n \"rounded-l-md bg-accent\",\n defaultClassNames.range_start\n ),\n range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n range_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n today: cn(\n \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n defaultClassNames.today\n ),\n outside: cn(\n \"text-muted-foreground aria-selected:text-muted-foreground\",\n defaultClassNames.outside\n ),\n disabled: cn(\n \"text-muted-foreground opacity-50\",\n defaultClassNames.disabled\n ),\n hidden: cn(\"invisible\", defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n )\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === \"left\") {\n return (\n <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n )\n }\n\n if (orientation === \"right\") {\n return (\n <ChevronRightIcon\n className={cn(\"size-4\", className)}\n {...props}\n />\n )\n }\n\n return (\n <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n )\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components,\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n \"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70\",\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n","import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n \"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\n\nexport { Checkbox }\n"],"mappings":"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","names":["Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","Calculator","Check","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","CommandPrimitive","SearchIcon","DialogPrimitive","XIcon","jsx","jsxs","jsx","jsxs","Command","className","props","CommandPrimitive","cn","CommandInput","className","props","jsxs","jsx","SearchIcon","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandItem","className","props","jsx","CommandPrimitive","cn","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","DropdownMenuSub","props","jsx","DropdownMenuPrimitive","DropdownMenuSubTrigger","className","inset","children","jsxs","cn","ChevronRightIcon","DropdownMenuSubContent","useState","useEffect","useState","CalendarIcon","format","PopoverPrimitive","jsx","Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","React","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","DayPicker","getDefaultClassNames","jsx","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","Button","jsx","jsxs","DateFilter","value","onChange","placeholder","mode","externalSearch","onExternalChange","onlyExternal","isOpen","setIsOpen","useState","tempValue","setTempValue","displayValue","setDisplayValue","useEffect","handleApply","handleCancel","handleClear","newValue","displayText","valueToDisplay","format","handleCalendarSelect","selectedValue","Popover","PopoverTrigger","Button","cn","CalendarIcon","PopoverContent","Calendar","CheckboxPrimitive","CheckIcon","jsx","Checkbox","className","props","CheckboxPrimitive","cn","CheckIcon","Fragment","jsx","jsxs","AGGREGATION_FUNCTIONS","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","onExternalSearch","onCustomFilterChange","aggregations","onAggregationChange","enableGroupedGlobalFilter","groupedFilterLabel","onGroupedFilterChange","externalFilterValues","setExternalFilterValues","useState","customFilterValues","setCustomFilterValues","openSelectPopovers","setOpenSelectPopovers","selectedGroupedFilter","setSelectedGroupedFilter","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","handleExternalFilterChange","key","value","newValues","handleCustomFilterChange","f","handleExternalSearch","handleClearExternalFilters","getFilterValue","setFilterValue","filter","handleSelectPopoverOpen","isOpen","prev","handleToggleAggregation","currentConfig","newConfig","handleToggleAggregationFunction","func","currentFunctions","newFunctions","handleClearAllAggregations","config","getAggregatableColumns","row","handleGroupedFilterChange","handleGlobalFilterChange","aggregatableColumns","hasAggregations","filterGroups","Filter","cn","Popover","open","PopoverTrigger","Button","option","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","DateFilter","Input","event","Search","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","g","Calculator","DropdownMenuLabel","DropdownMenuSeparator","columnConfig","isEnabled","DropdownMenuSub","DropdownMenuSubTrigger","Checkbox","DropdownMenuSubContent","DropdownMenuCheckboxItem","Download","DropdownMenuGroup","Settings2","ArrowUpDown","PinOff","rightColumns","Pin","RefreshCw"]}

package/dist/components/data/data-table/data-table-types.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/data/data-table/data-table-types.ts"],"sourcesContent":["import type { ColumnDef, Table, Row, Column } from \"@tanstack/react-table\";\r\nimport type { LucideIcon } from \"lucide-react\";\r\n\r\ntype Paths<T, Prefix extends string = ''> = T extends object\r\n ? {\r\n [K in keyof T]: K extends string\r\n ? T[K] extends object\r\n ? Paths<T[K], `${Prefix}${K}.`> \| `${Prefix}${K}`\r\n : `${Prefix}${K}`\r\n : never;\r\n }[keyof T]\r\n : never;\r\n\r\ntype NumericKeys<T> = {\r\n [K in keyof T]: T[K] extends number ? K : never;\r\n}[keyof T];\r\n\r\nexport type AggregationConfigMap<TData> = {\r\n [K in NumericKeys<TData>]?: AggregationConfig<TData>;\r\n} & {\r\n [key: string]: AggregationConfig<TData> \| undefined;\r\n};\r\n\r\nexport type AggregationFunction = 'sum' \| 'average' \| 'min' \| 'max' \| 'count' \| 'unique' \| 'median';\r\n\r\nexport type AggregationConfig<TData> = {\r\n enabled: boolean;\r\n functions?: AggregationFunction[];\r\n format?: (value: any, func: AggregationFunction) => string;\r\n accessor?: (row: TData) => number \| null;\r\n};\r\n\r\nexport type FilterConfig<T> = {\r\n key: Paths<T>;\r\n placeholder: string;\r\n type?: \"text\" \| \"select\" \| \"date\" \| \"number\";\r\n options?: { label: string; value: string }[];\r\n width?: string;\r\n icon?: LucideIcon;\r\n externalSearch?: boolean;\r\n onlyExternal?: boolean;\r\n searchButtonText?: string;\r\n dateMode?: \"single\" \| \"range\";\r\n dateFormat?: string;\r\n applyLocally?: boolean;\r\n customFilter?: boolean;\r\n};\r\n\r\nexport type PaginationConfig = {\r\n enabled: boolean;\r\n pageSize?: number;\r\n pageSizeOptions?: number[];\r\n showInfo?: boolean;\r\n showPageNumbers?: boolean;\r\n};\r\n\r\nexport type TableSettings = {\r\n hideHeader?: boolean;\r\n enableSorting?: boolean;\r\n toolbar?: boolean;\r\n toolbarPosition?: 'above-header' \| 'below-header' \| 'default';\r\n enableFiltering?: boolean;\r\n enableGlobalFilter?: boolean;\r\n enableColumnVisibility?: boolean;\r\n enableRowSelection?: boolean;\r\n enableColumnResizing?: boolean;\r\n enableColumnPinning?: boolean;\r\n disableHeaderCheckbox?: boolean;\r\n fixedCheckboxColumn?: boolean;\r\n stickyHeader?: boolean;\r\n showSerialNumbers?: boolean;\r\n striped?: boolean;\r\n hoverable?: boolean;\r\n compact?: boolean;\r\n bordered?: boolean;\r\n fullHeight?: boolean;\r\n selectionMode?: \"single\" \| \"multiple\";\r\n showCheckBox?: boolean,\r\n checkboxColumnPosition?: number;\r\n};\r\n\r\nexport type ColumnFooter<TData> = {\r\n id: string;\r\n content?: React.ReactNode \| ((table: Table<TData>) => React.ReactNode);\r\n align?: 'left' \| 'center' \| 'right';\r\n className?: string;\r\n showWhenNoData?: boolean;\r\n};\r\n\r\nexport type TableHeaderProps = {\r\n content: React.ReactNode;\r\n align?: 'left' \| 'center' \| 'right';\r\n className?: string;\r\n sticky?: boolean;\r\n showOnEmpty?: boolean;\r\n};\r\n\r\nexport type GroupColumnDef<TData> = ColumnDef<TData> & {\r\n columns?: GroupColumnDef<TData>[];\r\n enablePinning?: boolean;\r\n headerAlign?: 'left' \| 'center' \| 'right';\r\n customFooter?: ColumnFooter<TData>;\r\n};\r\n\r\nexport type DataTableProps<TData> = {\r\n data: TData[];\r\n columns: GroupColumnDef<TData>[];\r\n filters?: FilterConfig<TData>[];\r\n pagination?: PaginationConfig;\r\n settings?: TableSettings;\r\n header?: React.ReactNode \| TableHeaderProps;\r\n footer?: React.ReactNode;\r\n className?: string;\r\n maxHeight?: string;\r\n loading?: boolean;\r\n error?: string;\r\n emptyMessage?: string;\r\n onRowSelectionChange?: (selectedRows: TData[]) => void;\r\n onExport?: (data: TData[]) => void;\r\n onRefresh?: () => void;\r\n onTableReady?: (table: Table<TData>) => void;\r\n children?: (table: Table<TData>) => React.ReactNode;\r\n isRowDisabled?: (row: TData) => boolean;\r\n isRowSelectable?: (row: TData) => boolean;\r\n onExternalSearch?: (filters: Record<string, any>) => void;\r\n aggregations?: AggregationConfigMap<TData>;\r\n onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;\r\n rowClassName?: (row: Row<TData>) => string; // ADD THIS\r\n // columnFooters?: ColumnFooter<TData>[];\r\n};"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_table_types_exports","__toCommonJS"]}
1	+ {"version":3,"sources":["../../../../src/components/data/data-table/data-table-types.ts"],"sourcesContent":["import type { ColumnDef, Table, Row, Column } from \"@tanstack/react-table\";\r\nimport type { LucideIcon } from \"lucide-react\";\r\n\r\ntype Paths<T, Prefix extends string = ''> = T extends object\r\n ? {\r\n [K in keyof T]: K extends string\r\n ? T[K] extends object\r\n ? Paths<T[K], `${Prefix}${K}.`> \| `${Prefix}${K}`\r\n : `${Prefix}${K}`\r\n : never;\r\n }[keyof T]\r\n : never;\r\n\r\ntype NumericKeys<T> = {\r\n [K in keyof T]: T[K] extends number ? K : never;\r\n}[keyof T];\r\n\r\nexport type AggregationConfigMap<TData> = {\r\n [K in NumericKeys<TData>]?: AggregationConfig<TData>;\r\n} & {\r\n [key: string]: AggregationConfig<TData> \| undefined;\r\n};\r\n\r\nexport type AggregationFunction = 'sum' \| 'average' \| 'min' \| 'max' \| 'count' \| 'unique' \| 'median';\r\n\r\nexport type AggregationConfig<TData> = {\r\n enabled: boolean;\r\n functions?: AggregationFunction[];\r\n format?: (value: any, func: AggregationFunction) => string;\r\n accessor?: (row: TData) => number \| null;\r\n};\r\n\r\nexport type FilterConfig<T> = {\r\n key: Paths<T>;\r\n placeholder: string;\r\n type?: \"text\" \| \"select\" \| \"date\" \| \"number\";\r\n options?: { label: string; value: string }[];\r\n width?: string;\r\n icon?: LucideIcon;\r\n externalSearch?: boolean;\r\n onlyExternal?: boolean;\r\n searchButtonText?: string;\r\n dateMode?: \"single\" \| \"range\";\r\n dateFormat?: string;\r\n applyLocally?: boolean;\r\n customFilter?: boolean;\r\n};\r\n\r\nexport type PaginationConfig = {\r\n enabled: boolean;\r\n pageSize?: number;\r\n pageSizeOptions?: number[];\r\n showInfo?: boolean;\r\n showPageNumbers?: boolean;\r\n};\r\n\r\nexport type TableSettings = {\r\n hideHeader?: boolean;\r\n enableSorting?: boolean;\r\n toolbar?: boolean;\r\n toolbarPosition?: 'above-header' \| 'below-header' \| 'default';\r\n enableFiltering?: boolean;\r\n enableGlobalFilter?: boolean;\r\n enableColumnVisibility?: boolean;\r\n enableRowSelection?: boolean;\r\n enableColumnResizing?: boolean;\r\n enableColumnPinning?: boolean;\r\n disableHeaderCheckbox?: boolean;\r\n fixedCheckboxColumn?: boolean;\r\n stickyHeader?: boolean;\r\n showSerialNumbers?: boolean;\r\n striped?: boolean;\r\n hoverable?: boolean;\r\n compact?: boolean;\r\n bordered?: boolean;\r\n fullHeight?: boolean;\r\n selectionMode?: \"single\" \| \"multiple\";\r\n showCheckBox?: boolean,\r\n checkboxColumnPosition?: number;\r\n rounded?: boolean;\r\n};\r\n\r\nexport type ColumnFooter<TData> = {\r\n id: string;\r\n content?: React.ReactNode \| ((table: Table<TData>) => React.ReactNode);\r\n align?: 'left' \| 'center' \| 'right';\r\n className?: string;\r\n showWhenNoData?: boolean;\r\n};\r\n\r\nexport type TableHeaderProps = {\r\n content: React.ReactNode;\r\n align?: 'left' \| 'center' \| 'right';\r\n className?: string;\r\n sticky?: boolean;\r\n showOnEmpty?: boolean;\r\n};\r\n\r\nexport type GroupColumnDef<TData> = ColumnDef<TData> & {\r\n columns?: GroupColumnDef<TData>[];\r\n enablePinning?: boolean;\r\n headerAlign?: 'left' \| 'center' \| 'right';\r\n customFooter?: ColumnFooter<TData>;\r\n};\r\n\r\nexport type DataTableProps<TData> = {\r\n data: TData[];\r\n columns: GroupColumnDef<TData>[];\r\n filters?: FilterConfig<TData>[];\r\n pagination?: PaginationConfig;\r\n settings?: TableSettings;\r\n header?: React.ReactNode \| TableHeaderProps;\r\n footer?: React.ReactNode;\r\n className?: string;\r\n maxHeight?: string;\r\n loading?: boolean;\r\n error?: string;\r\n emptyMessage?: string;\r\n onRowSelectionChange?: (selectedRows: TData[]) => void;\r\n onExport?: (data: TData[]) => void;\r\n onRefresh?: () => void;\r\n onTableReady?: (table: Table<TData>) => void;\r\n children?: (table: Table<TData>) => React.ReactNode;\r\n isRowDisabled?: (row: TData) => boolean;\r\n isRowSelectable?: (row: TData) => boolean;\r\n onExternalSearch?: (filters: Record<string, any>) => void;\r\n aggregations?: AggregationConfigMap<TData>;\r\n onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;\r\n rowClassName?: (row: Row<TData>) => string; // ADD THIS\r\n // columnFooters?: ColumnFooter<TData>[];\r\n};"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_table_types_exports","__toCommonJS"]}

package/dist/components/data/data-table/data-table-types.d.cts CHANGED Viewed

@@ -67,6 +67,7 @@ type TableSettings = {
     selectionMode?: "single" | "multiple";
     showCheckBox?: boolean;
     checkboxColumnPosition?: number;
+    rounded?: boolean;
 };
 type ColumnFooter<TData> = {
     id: string;

package/dist/components/data/data-table/data-table-types.d.ts CHANGED Viewed

@@ -67,6 +67,7 @@ type TableSettings = {
     selectionMode?: "single" | "multiple";
     showCheckBox?: boolean;
     checkboxColumnPosition?: number;
+    rounded?: boolean;
 };
 type ColumnFooter<TData> = {
     id: string;