@tirth_jasoliya/ui 1.0.5 → 1.0.6

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

@@ -0,0 +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/select.tsx","../../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown } 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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.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} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig } from \"./data-table-types.js\"\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}\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}: DataTableToolbarProps<TData>) {\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  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 items-center gap-3 flex-wrap\">\r\n                  <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n                    <Filter className=\"h-4 w-4\" />\r\n                    {/* Filters: */}\r\n                  </div>\r\n                  {filters.map((filter) => (\r\n                    <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n                      {filter.type === \"select\" ? (\r\n                        <Select\r\n                          value={(table.getColumn(filter.key)?.getFilterValue() as string) ?? \"\"}\r\n                          onValueChange={(value) =>\r\n                            table.getColumn(filter.key)?.setFilterValue(value === \"all\" ? \"\" : value)\r\n                          }\r\n                        >\r\n                          {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n                          <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n                            <SelectValue placeholder={filter.placeholder} />\r\n                          </SelectTrigger>\r\n                          <SelectContent className=\"rounded-lg\">\r\n                            <SelectItem value=\"all\">All</SelectItem>\r\n                            {filter.options?.map((option) => (\r\n                              <SelectItem key={option.label} value={option.value}>\r\n                                {option.label}\r\n                              </SelectItem>\r\n                            ))}\r\n                          </SelectContent>\r\n                        </Select>\r\n                      ) : (\r\n                        <div className=\"relative\">\r\n                          {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n                          <Input\r\n                            placeholder={filter.placeholder}\r\n                            value={(table.getColumn(filter.key)?.getFilterValue() as string) ?? \"\"}\r\n                            onChange={(event) => table.getColumn(filter.key)?.setFilterValue(event.target.value)}\r\n                            className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\r\n                            type={filter.type === \"number\" ? \"number\" : filter.type === \"date\" ? \"date\" : \"text\"}\r\n                          />\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex items-center gap-2\">\r\n\r\n              {/* Global Search */}\r\n              {enableGlobalFilter &&\r\n                <div className=\"relative\">\r\n                  <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-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 max-w-max\"\r\n                  />\r\n                </div>\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=\"mr-2 h-4 w-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>\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n                      <span>Columns</span>\r\n                      <ChevronDown className=\"h-4 w-4 opacity-50\" />\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>\r\n                  <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n                    <Settings2 className=\"h-4 w-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=\"mr-2 h-4 w-4\" />\r\n                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={onClearFilters}>\r\n                    <Filter className=\"mr-2 h-4 w-4\" />\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\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=\"mr-2 h-4 w-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=\"mr-2 h-4 w-4 rotate-90\" />\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=\"mr-2 h-4 w-4 -rotate-90\" />\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 { Select as SelectPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n          position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\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"],"mappings":"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","names":["Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","SelectPrimitive","SelectValue","props","jsx","SelectPrimitive","SelectTrigger","className","size","children","jsxs","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","SelectPrimitive","cn","jsx","CheckIcon","SelectScrollUpButton","className","props","jsx","SelectPrimitive","cn","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","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","Fragment","jsx","jsxs","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","Filter","filter","cn","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem","option","Input","event","Search","Button","Download","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","Settings2","DropdownMenuItem","ArrowUpDown","PinOff","leftColumns","Pin","rightColumns","RefreshCw"]}

package/dist/components/data/data-table/data-table-types.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var t=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var s=(o,e,l,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of r(e))!b.call(o,a)&&a!==l&&t(o,a,{get:()=>e[a],enumerable:!(n=i(e,a))||n.enumerable});return o};var g=o=>s(t({},"__esModule",{value:!0}),o);var d={};module.exports=g(d);
+//# sourceMappingURL=data-table-types.cjs.map

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

@@ -0,0 +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\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};\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  enableFiltering?: boolean;\r\n  enableGlobalFilter?: boolean;\r\n  enableColumnVisibility?: boolean;\r\n  enableRowSelection?: boolean;\r\n  enableColumnResizing?: boolean;\r\n  enableColumnPinning?: 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};\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};\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;\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};"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_table_types_exports","__toCommonJS"]}

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

@@ -0,0 +1,69 @@
+import { ColumnDef, Table } from '@tanstack/react-table';
+import { LucideIcon } from 'lucide-react';
+
+type Paths<T, Prefix extends string = ''> = T extends object ? {
+    [K in keyof T]: K extends string ? T[K] extends object ? Paths<T[K], `${Prefix}${K}.`> | `${Prefix}${K}` : `${Prefix}${K}` : never;
+}[keyof T] : never;
+type FilterConfig<T> = {
+    key: Paths<T>;
+    placeholder: string;
+    type?: "text" | "select" | "date" | "number";
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    width?: string;
+    icon?: LucideIcon;
+};
+type PaginationConfig = {
+    enabled: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showInfo?: boolean;
+    showPageNumbers?: boolean;
+};
+type TableSettings = {
+    hideHeader?: boolean;
+    enableSorting?: boolean;
+    toolbar?: boolean;
+    enableFiltering?: boolean;
+    enableGlobalFilter?: boolean;
+    enableColumnVisibility?: boolean;
+    enableRowSelection?: boolean;
+    enableColumnResizing?: boolean;
+    enableColumnPinning?: boolean;
+    fixedCheckboxColumn?: boolean;
+    stickyHeader?: boolean;
+    showSerialNumbers?: boolean;
+    striped?: boolean;
+    hoverable?: boolean;
+    compact?: boolean;
+    bordered?: boolean;
+    fullHeight?: boolean;
+};
+type GroupColumnDef<TData> = ColumnDef<TData> & {
+    columns?: GroupColumnDef<TData>[];
+    enablePinning?: boolean;
+    headerAlign?: 'left' | 'center' | 'right';
+};
+type DataTableProps<TData> = {
+    data: TData[];
+    columns: GroupColumnDef<TData>[];
+    filters?: FilterConfig<TData>[];
+    pagination?: PaginationConfig;
+    settings?: TableSettings;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+    maxHeight?: string;
+    loading?: boolean;
+    error?: string;
+    emptyMessage?: string;
+    onRowSelectionChange?: (selectedRows: TData[]) => void;
+    onExport?: (data: TData[]) => void;
+    onRefresh?: () => void;
+    onTableReady?: (table: Table<TData>) => void;
+    children?: (table: Table<TData>) => React.ReactNode;
+};
+
+export type { DataTableProps, FilterConfig, GroupColumnDef, PaginationConfig, TableSettings };

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

@@ -0,0 +1,69 @@
+import { ColumnDef, Table } from '@tanstack/react-table';
+import { LucideIcon } from 'lucide-react';
+
+type Paths<T, Prefix extends string = ''> = T extends object ? {
+    [K in keyof T]: K extends string ? T[K] extends object ? Paths<T[K], `${Prefix}${K}.`> | `${Prefix}${K}` : `${Prefix}${K}` : never;
+}[keyof T] : never;
+type FilterConfig<T> = {
+    key: Paths<T>;
+    placeholder: string;
+    type?: "text" | "select" | "date" | "number";
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    width?: string;
+    icon?: LucideIcon;
+};
+type PaginationConfig = {
+    enabled: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showInfo?: boolean;
+    showPageNumbers?: boolean;
+};
+type TableSettings = {
+    hideHeader?: boolean;
+    enableSorting?: boolean;
+    toolbar?: boolean;
+    enableFiltering?: boolean;
+    enableGlobalFilter?: boolean;
+    enableColumnVisibility?: boolean;
+    enableRowSelection?: boolean;
+    enableColumnResizing?: boolean;
+    enableColumnPinning?: boolean;
+    fixedCheckboxColumn?: boolean;
+    stickyHeader?: boolean;
+    showSerialNumbers?: boolean;
+    striped?: boolean;
+    hoverable?: boolean;
+    compact?: boolean;
+    bordered?: boolean;
+    fullHeight?: boolean;
+};
+type GroupColumnDef<TData> = ColumnDef<TData> & {
+    columns?: GroupColumnDef<TData>[];
+    enablePinning?: boolean;
+    headerAlign?: 'left' | 'center' | 'right';
+};
+type DataTableProps<TData> = {
+    data: TData[];
+    columns: GroupColumnDef<TData>[];
+    filters?: FilterConfig<TData>[];
+    pagination?: PaginationConfig;
+    settings?: TableSettings;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+    maxHeight?: string;
+    loading?: boolean;
+    error?: string;
+    emptyMessage?: string;
+    onRowSelectionChange?: (selectedRows: TData[]) => void;
+    onExport?: (data: TData[]) => void;
+    onRefresh?: () => void;
+    onTableReady?: (table: Table<TData>) => void;
+    children?: (table: Table<TData>) => React.ReactNode;
+};
+
+export type { DataTableProps, FilterConfig, GroupColumnDef, PaginationConfig, TableSettings };

package/dist/components/data/data-table/data-table-types.js

@@ -0,0 +1,2 @@
+"use client"
+//# sourceMappingURL=data-table-types.js.map

package/dist/components/data/data-table/data-table-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/data/data-table/data-table-view-options.cjs

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var c=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var I=(t,e)=>{for(var o in e)c(t,o,{get:e[o],enumerable:!0})},z=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of k(e))!R.call(t,i)&&i!==o&&c(t,i,{get:()=>e[i],enumerable:!(s=y(e,i))||s.enumerable});return t};var N=t=>z(c({},"__esModule",{value:!0}),t);var _={};I(_,{DataTableViewOptions:()=>S});module.exports=N(_);var u=require("lucide-react");var f=require("radix-ui"),g=require("class-variance-authority");var m=require("clsx"),l=require("tailwind-merge");function d(...t){return(0,l.twMerge)((0,m.clsx)(t))}var b=require("react/jsx-runtime"),T=(0,g.cva)("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",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"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",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function v({className:t,variant:e,size:o,asChild:s=!1,...i}){let C=s?f.Slot.Slot:"button";return(0,b.jsx)(C,{"data-slot":"button",className:d(T({variant:e,size:o,className:t}),"transition-none"),...i})}var a=require("radix-ui"),p=require("lucide-react");var n=require("react/jsx-runtime");function w({...t}){return(0,n.jsx)(a.DropdownMenu.Root,{"data-slot":"dropdown-menu",...t})}function h({...t}){return(0,n.jsx)(a.DropdownMenu.Trigger,{"data-slot":"dropdown-menu-trigger",...t})}function x({className:t,sideOffset:e=4,...o}){return(0,n.jsx)(a.DropdownMenu.Portal,{children:(0,n.jsx)(a.DropdownMenu.Content,{"data-slot":"dropdown-menu-content",sideOffset:e,className:d("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",t),...o})})}function D({className:t,children:e,checked:o,...s}){return(0,n.jsxs)(a.DropdownMenu.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:d("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",t),checked:o,...s,children:[(0,n.jsx)("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:(0,n.jsx)(a.DropdownMenu.ItemIndicator,{children:(0,n.jsx)(p.CheckIcon,{className:"size-4"})})}),e]})}function M({className:t,inset:e,...o}){return(0,n.jsx)(a.DropdownMenu.Label,{"data-slot":"dropdown-menu-label","data-inset":e,className:d("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...o})}function P({className:t,...e}){return(0,n.jsx)(a.DropdownMenu.Separator,{"data-slot":"dropdown-menu-separator",className:d("bg-border -mx-1 my-1 h-px",t),...e})}var r=require("react/jsx-runtime");function S({table:t}){return(0,r.jsxs)(w,{children:[(0,r.jsx)(h,{asChild:!0,children:(0,r.jsxs)(v,{variant:"outline",size:"sm",className:"rounded-lg",children:[(0,r.jsx)(u.Eye,{className:"mr-2 h-4 w-4"}),"Columns ",(0,r.jsx)(u.ChevronDown,{className:"ml-2 h-4 w-4"})]})}),(0,r.jsxs)(x,{align:"end",className:"w-[200px] rounded-lg",children:[(0,r.jsx)(M,{children:"Toggle Columns"}),(0,r.jsx)(P,{}),t.getAllColumns().filter(e=>typeof e.accessorFn<"u"&&e.getCanHide()).map(e=>(0,r.jsx)(D,{className:"capitalize",checked:e.getIsVisible(),onCheckedChange:o=>e.toggleVisibility(!!o),children:e.id},e.id))]})]})}0&&(module.exports={DataTableViewOptions});
+//# sourceMappingURL=data-table-view-options.cjs.map

package/dist/components/data/data-table/data-table-view-options.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-view-options.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { ChevronDown, Eye } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\n\r\ninterface DataTableViewOptionsProps<TData> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>) {\r\n  return (\r\n    <DropdownMenu>\r\n      <DropdownMenuTrigger asChild>\r\n        <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n          <Eye className=\"mr-2 h-4 w-4\" />\r\n          Columns <ChevronDown className=\"ml-2 h-4 w-4\" />\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n        <DropdownMenuLabel>Toggle Columns</DropdownMenuLabel>\r\n        <DropdownMenuSeparator />\r\n        {table\r\n          .getAllColumns()\r\n          .filter((column) => typeof column.accessorFn !== \"undefined\" && column.getCanHide())\r\n          .map((column) => {\r\n            return (\r\n              <DropdownMenuCheckboxItem\r\n                key={column.id}\r\n                className=\"capitalize\"\r\n                checked={column.getIsVisible()}\r\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n              >\r\n                {column.id}\r\n              </DropdownMenuCheckboxItem>\r\n            )\r\n          })}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  )\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\"\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"],"mappings":"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","names":["data_table_view_options_exports","__export","DataTableViewOptions","__toCommonJS","import_lucide_react","import_radix_ui","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuCheckboxItem","className","children","checked","props","DropdownMenuPrimitive","cn","DropdownMenuLabel","className","inset","props","DropdownMenuPrimitive","cn","DropdownMenuSeparator","import_jsx_runtime","DataTableViewOptions","table","DropdownMenu","DropdownMenuTrigger","Button","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value"]}

package/dist/components/data/data-table/data-table-view-options.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Table } from '@tanstack/react-table';
+
+interface DataTableViewOptionsProps<TData> {
+    table: Table<TData>;
+}
+declare function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): react_jsx_runtime.JSX.Element;
+
+export { DataTableViewOptions };

package/dist/components/data/data-table/data-table-view-options.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Table } from '@tanstack/react-table';
+
+interface DataTableViewOptionsProps<TData> {
+    table: Table<TData>;
+}
+declare function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): react_jsx_runtime.JSX.Element;
+
+export { DataTableViewOptions };

package/dist/components/data/data-table/data-table-view-options.js

@@ -0,0 +1,3 @@
+"use client"
+import{ChevronDown as k,Eye as R}from"lucide-react";import{Slot as x}from"radix-ui";import{cva as D}from"class-variance-authority";import{clsx as w}from"clsx";import{twMerge as h}from"tailwind-merge";function a(...e){return h(w(e))}import{jsx as P}from"react/jsx-runtime";var M=D("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",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"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",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function p({className:e,variant:t,size:o,asChild:d=!1,...v}){let b=d?x.Slot:"button";return P(b,{"data-slot":"button",className:a(M({variant:t,size:o,className:e}),"transition-none"),...v})}import{DropdownMenu as r}from"radix-ui";import{CheckIcon as C,ChevronRightIcon as B,CircleIcon as A}from"lucide-react";import{jsx as n,jsxs as y}from"react/jsx-runtime";function u({...e}){return n(r.Root,{"data-slot":"dropdown-menu",...e})}function c({...e}){return n(r.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function m({className:e,sideOffset:t=4,...o}){return n(r.Portal,{children:n(r.Content,{"data-slot":"dropdown-menu-content",sideOffset:t,className:a("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",e),...o})})}function l({className:e,children:t,checked:o,...d}){return y(r.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:a("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",e),checked:o,...d,children:[n("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:n(r.ItemIndicator,{children:n(C,{className:"size-4"})})}),t]})}function f({className:e,inset:t,...o}){return n(r.Label,{"data-slot":"dropdown-menu-label","data-inset":t,className:a("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...o})}function g({className:e,...t}){return n(r.Separator,{"data-slot":"dropdown-menu-separator",className:a("bg-border -mx-1 my-1 h-px",e),...t})}import{jsx as i,jsxs as s}from"react/jsx-runtime";function K({table:e}){return s(u,{children:[i(c,{asChild:!0,children:s(p,{variant:"outline",size:"sm",className:"rounded-lg",children:[i(R,{className:"mr-2 h-4 w-4"}),"Columns ",i(k,{className:"ml-2 h-4 w-4"})]})}),s(m,{align:"end",className:"w-[200px] rounded-lg",children:[i(f,{children:"Toggle Columns"}),i(g,{}),e.getAllColumns().filter(t=>typeof t.accessorFn<"u"&&t.getCanHide()).map(t=>i(l,{className:"capitalize",checked:t.getIsVisible(),onCheckedChange:o=>t.toggleVisibility(!!o),children:t.id},t.id))]})]})}export{K as DataTableViewOptions};
+//# sourceMappingURL=data-table-view-options.js.map

package/dist/components/data/data-table/data-table-view-options.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-view-options.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { ChevronDown, Eye } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\n\r\ninterface DataTableViewOptionsProps<TData> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>) {\r\n  return (\r\n    <DropdownMenu>\r\n      <DropdownMenuTrigger asChild>\r\n        <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n          <Eye className=\"mr-2 h-4 w-4\" />\r\n          Columns <ChevronDown className=\"ml-2 h-4 w-4\" />\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n        <DropdownMenuLabel>Toggle Columns</DropdownMenuLabel>\r\n        <DropdownMenuSeparator />\r\n        {table\r\n          .getAllColumns()\r\n          .filter((column) => typeof column.accessorFn !== \"undefined\" && column.getCanHide())\r\n          .map((column) => {\r\n            return (\r\n              <DropdownMenuCheckboxItem\r\n                key={column.id}\r\n                className=\"capitalize\"\r\n                checked={column.getIsVisible()}\r\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n              >\r\n                {column.id}\r\n              </DropdownMenuCheckboxItem>\r\n            )\r\n          })}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  )\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\"\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"],"mappings":"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","names":["ChevronDown","Eye","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuCheckboxItem","className","children","checked","props","jsxs","DropdownMenuPrimitive","cn","jsx","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","jsx","jsxs","DataTableViewOptions","table","DropdownMenu","DropdownMenuTrigger","Button","Eye","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value"]}

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

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var he=Object.defineProperty;var Pt=Object.getOwnPropertyDescriptor;var yt=Object.getOwnPropertyNames;var St=Object.prototype.hasOwnProperty;var Nt=(e,o)=>{for(var d in o)he(e,d,{get:o[d],enumerable:!0})},Dt=(e,o,d,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let C of yt(o))!St.call(e,C)&&C!==d&&he(e,C,{get:()=>o[C],enumerable:!(u=Pt(o,C))||u.enumerable});return e};var Tt=e=>Dt(he({},"__esModule",{value:!0}),e);var Vt={};Nt(Vt,{DataTable:()=>It});module.exports=Tt(Vt);var S=require("@tanstack/react-table"),b=require("lucide-react");var Ue=require("radix-ui"),We=require("class-variance-authority");var Oe=require("clsx"),je=require("tailwind-merge");function r(...e){return(0,je.twMerge)((0,Oe.clsx)(e))}var $e=require("react/jsx-runtime"),Rt=(0,We.cva)("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",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"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",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function D({className:e,variant:o,size:d,asChild:u=!1,...C}){let P=u?Ue.Slot.Slot:"button";return(0,$e.jsx)(P,{"data-slot":"button",className:r(Rt({variant:o,size:d,className:e}),"transition-none"),...C})}var I=require("react/jsx-runtime");function Pe({className:e,...o}){return(0,I.jsx)("div",{"data-slot":"table-container",className:"relative w-full overflow-auto max-h-full",children:(0,I.jsx)("table",{"data-slot":"table",className:r("w-full caption-bottom text-sm",e),...o})})}function Ee({className:e,...o}){return(0,I.jsx)("thead",{"data-slot":"table-header",className:r("[&_tr]:border-b",e),...o})}function qe({className:e,...o}){return(0,I.jsx)("tbody",{"data-slot":"table-body",className:r("[&_tr:last-child]:border-0",e),...o})}function Je({className:e,...o}){return(0,I.jsx)("tfoot",{"data-slot":"table-footer",className:r("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...o})}function E({className:e,...o}){return(0,I.jsx)("tr",{"data-slot":"table-row",className:r("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...o})}function Ke({className:e,...o}){return(0,I.jsx)("th",{"data-slot":"table-head",className:r("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap",e),...o})}function ne({className:e,...o}){return(0,I.jsx)("td",{"data-slot":"table-cell",className:r("p-2 align-middle whitespace-nowrap",e),...o})}var ye=require("react/jsx-runtime");function ae({className:e,...o}){return(0,ye.jsx)("div",{"data-slot":"card",className:r("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...o})}function ie({className:e,...o}){return(0,ye.jsx)("div",{"data-slot":"card-content",className:r("px-6",e),...o})}var Qe=require("radix-ui");var Se=require("react/jsx-runtime");function Xe({delayDuration:e=0,...o}){return(0,Se.jsx)(Qe.Tooltip.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...o})}var f=require("lucide-react");var Ye=require("react/jsx-runtime");function Ne({className:e,type:o,...d}){return(0,Ye.jsx)("input",{type:o,"data-slot":"input",className:r("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","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",e),...d})}var T=require("radix-ui"),L=require("lucide-react");var g=require("react/jsx-runtime");function re({...e}){return(0,g.jsx)(T.Select.Root,{"data-slot":"select",...e})}function se({...e}){return(0,g.jsx)(T.Select.Value,{"data-slot":"select-value",...e})}function le({className:e,size:o="default",children:d,...u}){return(0,g.jsxs)(T.Select.Trigger,{"data-slot":"select-trigger","data-size":o,className:r("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...u,children:[d,(0,g.jsx)(T.Select.Icon,{asChild:!0,children:(0,g.jsx)(L.ChevronDownIcon,{className:"size-4 opacity-50"})})]})}function de({className:e,children:o,position:d="popper",...u}){return(0,g.jsx)(T.Select.Portal,{children:(0,g.jsxs)(T.Select.Content,{"data-slot":"select-content",className:r("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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",d==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:d,...u,children:[(0,g.jsx)(kt,{}),(0,g.jsx)(T.Select.Viewport,{className:r("p-1",d==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:o}),(0,g.jsx)(Mt,{})]})})}function q({className:e,children:o,...d}){return(0,g.jsxs)(T.Select.Item,{"data-slot":"select-item",className:r("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...d,children:[(0,g.jsx)("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:(0,g.jsx)(T.Select.ItemIndicator,{children:(0,g.jsx)(L.CheckIcon,{className:"size-4"})})}),(0,g.jsx)(T.Select.ItemText,{children:o})]})}function kt({className:e,...o}){return(0,g.jsx)(T.Select.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:r("flex cursor-default items-center justify-center py-1",e),...o,children:(0,g.jsx)(L.ChevronUpIcon,{className:"size-4"})})}function Mt({className:e,...o}){return(0,g.jsx)(T.Select.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:r("flex cursor-default items-center justify-center py-1",e),...o,children:(0,g.jsx)(L.ChevronDownIcon,{className:"size-4"})})}var z=require("radix-ui"),ce=require("lucide-react");var y=require("react/jsx-runtime");function J({...e}){return(0,y.jsx)(z.DropdownMenu.Root,{"data-slot":"dropdown-menu",...e})}function K({...e}){return(0,y.jsx)(z.DropdownMenu.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function Q({className:e,sideOffset:o=4,...d}){return(0,y.jsx)(z.DropdownMenu.Portal,{children:(0,y.jsx)(z.DropdownMenu.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:r("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",e),...d})})}function De({...e}){return(0,y.jsx)(z.DropdownMenu.Group,{"data-slot":"dropdown-menu-group",...e})}function k({className:e,inset:o,variant:d="default",...u}){return(0,y.jsx)(z.DropdownMenu.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":d,className:r("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",e),...u})}function Te({className:e,children:o,checked:d,...u}){return(0,y.jsxs)(z.DropdownMenu.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:r("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",e),checked:d,...u,children:[(0,y.jsx)("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:(0,y.jsx)(z.DropdownMenu.ItemIndicator,{children:(0,y.jsx)(ce.CheckIcon,{className:"size-4"})})}),o]})}function V({className:e,inset:o,...d}){return(0,y.jsx)(z.DropdownMenu.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:r("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...d})}function B({className:e,...o}){return(0,y.jsx)(z.DropdownMenu.Separator,{"data-slot":"dropdown-menu-separator",className:r("bg-border -mx-1 my-1 h-px",e),...o})}var a=require("react/jsx-runtime");function Ze({table:e,filters:o=[],globalFilter:d,onGlobalFilterChange:u,enableGlobalFilter:C=!0,onExport:P,onRefresh:j,loading:X=!1,enableColumnVisibility:Me=!0,data:Y,onClearSorting:Z,onClearFilters:ue,enableColumnPinning:U=!1}){let W=()=>e.getAllLeafColumns().filter(i=>i.getCanHide?.()!==!1),A=()=>e.getAllColumns().filter(i=>!e.getAllLeafColumns().includes(i)&&i.columns?.length&&i.columns.some(l=>l.getCanHide?.()!==!1)),H=()=>{let i=new Set(A().flatMap(l=>l.columns?.filter(M=>M.getCanHide?.()!==!1).map(M=>M.id)||[]));return W().filter(l=>!i.has(l.id))},$=(i,l)=>l&&i.startsWith(`${l}.`)?i.replace(`${l}.`,"").split("_").map(ee=>ee.slice(1)).join(" "):i.split("_").map(M=>M.charAt(0).toUpperCase()+M.slice(1)).join(" ");return(0,a.jsx)("div",{className:"rounded-xl",children:(0,a.jsx)("div",{className:"px-2",children:(0,a.jsx)("div",{className:"flex flex-col gap-6",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("div",{className:"flex items-center gap-3",children:o.length>0&&(0,a.jsxs)("div",{className:"flex items-center gap-3 flex-wrap",children:[(0,a.jsx)("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:(0,a.jsx)(f.Filter,{className:"h-4 w-4"})}),o.map(i=>(0,a.jsx)("div",{className:r("relative min-w-[150px]",i.width),children:i.type==="select"?(0,a.jsxs)(re,{value:e.getColumn(i.key)?.getFilterValue()??"",onValueChange:l=>e.getColumn(i.key)?.setFilterValue(l==="all"?"":l),children:[i.icon&&(0,a.jsx)("span",{children:(0,a.jsx)(i.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),(0,a.jsx)(le,{className:r("h-9 rounded-lg w-full",i.icon&&"pl-9"),children:(0,a.jsx)(se,{placeholder:i.placeholder})}),(0,a.jsxs)(de,{className:"rounded-lg",children:[(0,a.jsx)(q,{value:"all",children:"All"}),i.options?.map(l=>(0,a.jsx)(q,{value:l.value,children:l.label},l.label))]})]}):(0,a.jsxs)("div",{className:"relative",children:[i.icon&&(0,a.jsx)("span",{children:(0,a.jsx)(i.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),(0,a.jsx)(Ne,{placeholder:i.placeholder,value:e.getColumn(i.key)?.getFilterValue()??"",onChange:l=>e.getColumn(i.key)?.setFilterValue(l.target.value),className:r("h-9 rounded-lg",i.icon&&"pl-9"),type:i.type==="number"?"number":i.type==="date"?"date":"text"})]})},i.key))]})}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[C&&(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(f.Search,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,a.jsx)(Ne,{placeholder:"Global search...",value:d??"",onChange:i=>u(i.target.value),className:"pl-9 max-w-max"})]}),P&&(0,a.jsxs)(D,{variant:"outline",size:"sm",onClick:()=>P(Y),className:"rounded-lg",children:[(0,a.jsx)(f.Download,{className:"mr-2 h-4 w-4"}),"Export"]}),Me&&(0,a.jsxs)(J,{children:[(0,a.jsx)(K,{asChild:!0,children:(0,a.jsxs)(D,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[(0,a.jsx)("span",{children:"Columns"}),(0,a.jsx)(f.ChevronDown,{className:"h-4 w-4 opacity-50"})]})}),(0,a.jsxs)(Q,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[(0,a.jsx)(V,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),(0,a.jsx)(B,{}),H().length>0&&(0,a.jsxs)(De,{children:[(0,a.jsx)(V,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),H().map(i=>(0,a.jsx)(Te,{className:"text-sm",checked:i.getIsVisible(),onCheckedChange:l=>i.toggleVisibility(!!l),children:$(i.id)},i.id))]}),A().map(i=>(0,a.jsxs)(De,{children:[(0,a.jsx)(B,{}),(0,a.jsx)(V,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:i.id}),i.columns?.filter(l=>l.getCanHide?.()!==!1).map(l=>(0,a.jsx)(Te,{className:"text-sm",checked:l.getIsVisible(),onCheckedChange:M=>l.toggleVisibility(!!M),children:$(l.id,i.id)},l.id))]},i.id))]})]}),(0,a.jsxs)(J,{children:[(0,a.jsx)(K,{asChild:!0,children:(0,a.jsx)(D,{variant:"outline",size:"sm",className:"rounded-lg",children:(0,a.jsx)(f.Settings2,{className:"h-4 w-4"})})}),(0,a.jsxs)(Q,{align:"end",className:"w-[200px] rounded-lg",children:[(0,a.jsx)(V,{children:"Table Settings"}),(0,a.jsx)(B,{}),(0,a.jsxs)(k,{onClick:Z,children:[(0,a.jsx)(f.ArrowUpDown,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),(0,a.jsxs)(k,{onClick:ue,children:[(0,a.jsx)(f.Filter,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),U&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(B,{}),(0,a.jsx)(V,{children:"Column Pinning"}),(0,a.jsxs)(k,{onClick:()=>e.setColumnPinning({left:[],right:[]}),children:[(0,a.jsx)(f.PinOff,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),(0,a.jsxs)(k,{onClick:()=>{let i=W().filter(l=>l.getCanPin?.()!==!1).map(l=>l.id);e.setColumnPinning({left:i,right:[]})},children:[(0,a.jsx)(f.Pin,{className:"mr-2 h-4 w-4 rotate-90"}),"Pin All Left"]}),(0,a.jsxs)(k,{onClick:()=>{let i=W().filter(l=>l.getCanPin?.()!==!1).map(l=>l.id);e.setColumnPinning({left:[],right:i})},children:[(0,a.jsx)(f.Pin,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),j&&(0,a.jsx)(D,{variant:"outline",size:"sm",onClick:j,disabled:X,className:"rounded-lg",children:(0,a.jsx)(f.RefreshCw,{className:r("h-4 w-4",X&&"animate-spin")})})]})]})})})})}var p=require("react/jsx-runtime");function et({table:e,config:o}){return o.enabled?(0,p.jsx)("div",{className:"rounded-xl",children:(0,p.jsx)("div",{children:(0,p.jsxs)("div",{className:"flex items-center justify-between",children:[(0,p.jsx)("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:o.showInfo!==!1&&(0,p.jsxs)("span",{children:["Showing ",e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1," to"," ",Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,e.getFilteredRowModel().rows.length)," ","of ",e.getFilteredRowModel().rows.length," entries"]})}),(0,p.jsxs)("div",{className:"flex items-center gap-4",children:[o.pageSizeOptions&&(0,p.jsxs)("div",{className:"flex items-center gap-2",children:[(0,p.jsx)("span",{className:"text-sm font-medium",children:"Rows per page:"}),(0,p.jsxs)(re,{value:`${e.getState().pagination.pageSize}`,onValueChange:d=>e.setPageSize(Number(d)),children:[(0,p.jsx)(le,{className:"h-9 w-[70px] rounded-lg",children:(0,p.jsx)(se,{})}),(0,p.jsx)(de,{side:"top",className:"rounded-lg",children:o.pageSizeOptions.map(d=>(0,p.jsx)(q,{value:`${d}`,children:d},d))})]})]}),(0,p.jsxs)("div",{className:"flex items-center gap-2",children:[(0,p.jsx)(D,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"First"}),(0,p.jsx)(D,{variant:"outline",size:"sm",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),className:"rounded-lg",children:"Previous"}),o.showPageNumbers&&(0,p.jsx)("div",{className:"flex items-center gap-1",children:Array.from({length:Math.min(5,e.getPageCount())},(d,u)=>{let C=e.getState().pagination.pageIndex,P=C-2+u+1;return P<1||P>e.getPageCount()?null:(0,p.jsx)(D,{variant:P===C+1?"default":"outline",size:"sm",className:"size-8 p-0 rounded-lg",onClick:()=>e.setPageIndex(P-1),children:P},P)})}),(0,p.jsx)(D,{variant:"outline",size:"sm",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Next"}),(0,p.jsx)(D,{variant:"outline",size:"sm",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),className:"rounded-lg",children:"Last"})]})]})]})})}):null}var tt=require("radix-ui"),ot=require("class-variance-authority");var at=require("react/jsx-runtime"),zt=(0,ot.cva)("inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"},size:{sm:"h-7 px-0 min-w-7",default:"h-8 px-1 min-w-8",lg:"h-9 px-2 min-w-10"},bg:{enabled:"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",disabled:""}},defaultVariants:{variant:"default",size:"default",bg:"enabled"}});function nt({className:e,variant:o,size:d,noBg:u,...C}){return(0,at.jsx)(tt.Toggle.Root,{"data-slot":"toggle",className:r(zt({className:e,variant:o,size:d,bg:u?"disabled":"enabled"})),...C})}var Re=require("radix-ui"),it=require("lucide-react");var me=require("react/jsx-runtime");function ke({className:e,...o}){return(0,me.jsx)(Re.Checkbox.Root,{"data-slot":"checkbox",className:r("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",e),...o,children:(0,me.jsx)(Re.Checkbox.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:(0,me.jsx)(it.CheckIcon,{className:"size-3.5"})})})}var h=require("react"),t=require("react/jsx-runtime");function It({data:e,columns:o,filters:d=[],pagination:u={enabled:!1},settings:C={},header:P,footer:j,className:X="",maxHeight:Me="600px",loading:Y=!1,error:Z,emptyMessage:ue="No data available",onRowSelectionChange:U,onExport:W,onRefresh:A,onTableReady:H,children:$}){let[i,l]=(0,h.useState)([]),[M,ee]=(0,h.useState)([]),[rt,st]=(0,h.useState)({}),[ze,lt]=(0,h.useState)({}),[Ie,pe]=(0,h.useState)(""),[dt,ct]=(0,h.useState)([]),[ge,mt]=(0,h.useState)(C.enableColumnPinning?{left:[],right:[]}:{}),{enableSorting:fe=!0,enableFiltering:be=!0,enableGlobalFilter:Ve=!0,enableColumnVisibility:ve=!0,enableRowSelection:R=!0,stickyHeader:ut=!0,toolbar:pt=!1,showSerialNumbers:F=!0,fixedCheckboxColumn:te=!0,striped:gt=!0,hoverable:ft=!0,compact:Fe=!0,bordered:_e=!0,fullHeight:bt=!1,enableColumnResizing:Ge=!1,enableColumnPinning:N=!0,hideHeader:vt=!1}=C,xe=(0,h.useMemo)(()=>{let m=[...o],v=c=>c.map(s=>{if(s.id==="select"||s.id==="serialNumber")return s;let x={...s,enablePinning:!0};return s.columns&&(x.columns=v(s.columns)),x}),n=v(m);if(R){let c={id:"select",header:({table:s})=>(0,t.jsx)(ke,{checked:s.getIsAllPageRowsSelected()||s.getIsSomePageRowsSelected()&&"indeterminate",onCheckedChange:x=>s.toggleAllPageRowsSelected(!!x),"aria-label":"Select all"}),cell:({row:s})=>(0,t.jsx)("div",{className:r("flex items-center justify-center"),children:(0,t.jsx)(ke,{checked:s.getIsSelected(),onCheckedChange:x=>s.toggleSelected(!!x),"aria-label":"Select row"})}),enableSorting:!1,enableHiding:!1,enablePinning:!0,headerAlign:"center",size:10};n.unshift(c)}if(F){let c={id:"serialNumber",header:"No.",cell:({row:s})=>(0,t.jsx)("div",{className:"text-center font-medium text-muted-foreground",children:s.index+1}),enableSorting:!0,enableHiding:!1,enablePinning:!0,size:60,headerAlign:"center"};n.unshift(c)}return n},[o,F,R,te]),w=(0,S.useReactTable)({data:e,columns:xe,onSortingChange:fe?l:void 0,onColumnFiltersChange:be?ee:void 0,onGlobalFilterChange:Ve?pe:void 0,getCoreRowModel:(0,S.getCoreRowModel)(),getPaginationRowModel:u.enabled?(0,S.getPaginationRowModel)():void 0,getSortedRowModel:fe?(0,S.getSortedRowModel)():void 0,getFilteredRowModel:be?(0,S.getFilteredRowModel)():void 0,onColumnVisibilityChange:ve?st:void 0,onRowSelectionChange:R?lt:void 0,onColumnOrderChange:ct,onColumnPinningChange:N?mt:void 0,state:{sorting:fe?i:void 0,columnFilters:be?M:void 0,columnVisibility:ve?rt:void 0,rowSelection:R?ze:{},globalFilter:Ie,columnOrder:dt,columnPinning:N?ge:{}},initialState:{pagination:u.enabled?{pageSize:u.pageSize||10}:void 0,columnPinning:N?{left:[...F?["serialNumber"]:[],...R?["select"]:[]],right:[]}:void 0},enableRowSelection:R,enableColumnResizing:Ge,enableColumnPinning:N,columnResizeMode:"onChange"});(0,h.useEffect)(()=>{H&&H(w)},[w,H]),(0,h.useEffect)(()=>{if(R&&U){let m=w.getFilteredSelectedRowModel().rows.map(v=>v.original);U(m)}},[ze,R,U,w]);let xt=(0,h.useCallback)(()=>{l([])},[]),Ct=(0,h.useCallback)(()=>{ee([]),pe("")},[]),Le=(m,v)=>{if(!N)return;let n=[...F?["serialNumber"]:[],...R&&te?["select"]:[]],c={left:[...(ge.left??[]).filter(s=>n.includes(s))],right:[...ge.right??[]]};v===!1?(c.left=c.left.filter(s=>s!==m),c.right=c.right.filter(s=>s!==m)):v==="right"?(c.left=c.left.filter(s=>s!==m),c.right.includes(m)||c.right.push(m)):v==="left"&&(c.right=c.right.filter(s=>s!==m),!c.left.includes(m)&&!n.includes(m)&&c.left.push(m)),w.setColumnPinning(c)},wt=()=>(0,t.jsx)(Ee,{className:r(ut&&"sticky top-0 bg-sidebar z-20"),children:w.getHeaderGroups().map((m,v)=>(0,t.jsx)(E,{className:"hover:bg-transparent",children:m.headers.map((n,c)=>{let s=n.depth===0&&n.colSpan>1,x=N&&(n.column.getIsPinned()==="left"||n.column.id==="serialNumber"||n.column.id==="select"&&R),_=N&&n.column.getIsPinned()==="right",G=n.column.getCanSort(),Ce=N&&n.column.columnDef.enablePinning!==!1,oe=n.column.id==="serialNumber",we=n.column.id==="select",He=oe||we&&te,O=n.column.columnDef.headerAlign||"left",ht={left:"justify-start",center:"justify-center",right:"justify-end"}[O];return(0,t.jsxs)(Ke,{colSpan:n.colSpan,className:r("font-semibold text-foreground bg-sidebar group px-0",!Fe&&"py-2",_e&&c<m.headers.length-1&&"border-r","relative",x&&"sticky left-0 z-15 bg-sidebar",_&&"sticky right-0 z-15 bg-sidebar",(oe||we)&&"sticky left-0 z-15 bg-sidebar",s?"text-center":"text-left"),style:{width:n.getSize()!==150?n.getSize():"auto",minWidth:n.getSize()!==150?n.getSize():"auto",...x&&{left:oe?0:we?F&&w.getColumn("serialNumber")?.getSize()||0:Be(n.column)},..._&&{right:Ae(n.column)},...oe&&{left:0}},children:[s?(0,t.jsx)("div",{className:"flex items-center justify-center",children:(0,S.flexRender)(n.column.columnDef.header,n.getContext())}):(0,t.jsxs)("div",{className:r("relative flex items-center w-full px-2",ht),children:[(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[G&&O==="right"&&(0,t.jsx)("span",{className:"ml-1 order-2",children:n.column.getIsSorted()&&{asc:(0,t.jsx)(b.ChevronUp,{className:"h-4 w-4"}),desc:(0,t.jsx)(b.ChevronDown,{className:"h-4 w-4"})}[n.column.getIsSorted()]}),n.isPlaceholder?null:(0,S.flexRender)(n.column.columnDef.header,n.getContext()),G&&O!=="right"&&n.column.getIsSorted()&&(0,t.jsx)("span",{className:"ml-1 order-2",children:n.column.getIsSorted()&&{asc:(0,t.jsx)(b.ChevronUp,{className:"h-4 w-4"}),desc:(0,t.jsx)(b.ChevronDown,{className:"h-4 w-4"})}[n.column.getIsSorted()]})]}),(G||Ce&&!He)&&(0,t.jsxs)(J,{children:[(0,t.jsx)(K,{asChild:!0,className:r("absolute",O==="left"&&"right-1",O==="center"&&"right-1",O==="right"&&"left-1"),children:(0,t.jsx)(nt,{variant:"default",size:"sm",noBg:!0,tabIndex:-1,className:"opacity-0 group-hover:opacity-70 hover:opacity-100 data-[state=open]:opacity-100",children:(0,t.jsx)(b.MoreHorizontal,{className:"h-4 w-4"})})}),(0,t.jsxs)(Q,{align:"end",className:"w-48",children:[G&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(V,{children:"Sorting"}),(0,t.jsxs)(k,{onClick:()=>n.column.toggleSorting(!1),children:[(0,t.jsx)(b.ChevronUp,{className:"mr-2 h-4 w-4"}),"Sort Ascending"]}),(0,t.jsxs)(k,{onClick:()=>n.column.toggleSorting(!0),children:[(0,t.jsx)(b.ChevronDown,{className:"mr-2 h-4 w-4"}),"Sort Descending"]}),(0,t.jsxs)(k,{onClick:()=>n.column.clearSorting(),disabled:!n.column.getIsSorted(),children:[(0,t.jsx)(b.ChevronsUpDown,{className:"mr-2 h-4 w-4"}),"Clear Sort"]}),(0,t.jsx)(B,{})]}),Ce&&!He&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(V,{children:"Pin Column"}),(0,t.jsxs)(k,{onClick:()=>Le(n.column.id,"right"),disabled:n.column.getIsPinned()==="right",children:[(0,t.jsx)(b.MoveRightIcon,{}),"Pin Right"]}),(0,t.jsxs)(k,{onClick:()=>Le(n.column.id,!1),disabled:!n.column.getIsPinned(),children:[(0,t.jsx)(b.PinOffIcon,{}),"Unpin"]})]})]})]})]}),Ge&&n.column.getCanResize()&&!s&&n.colSpan===1&&(0,t.jsx)("div",{className:"absolute right-0 top-0 h-full w-1 bg-border hover:bg-primary cursor-col-resize opacity-0 hover:opacity-100 transition-opacity",onMouseDown:n.getResizeHandler()})]},n.id)})},m.id))}),Be=m=>{if(!N)return;let v=0,n=w.getLeftHeaderGroups()[0]?.headers||[],c=[...F?["serialNumber"]:[],...R?["select"]:[]];for(let s of n){if(s.id===m.id)break;if(c.includes(s.id)){let x=w.getColumn(s.id);x&&(v+=x.getSize())}}return v},Ae=m=>{if(!N)return;let v=w.getState().columnPinning.right||[],n=v.indexOf(m.id);if(n===-1)return;let c=0;for(let s=n+1;s<v.length;s++){let x=w.getColumn(v[s]);x&&(c+=x.getSize())}return c};return Z?(0,t.jsx)(ae,{className:"w-full rounded-xl shadow-sm",children:(0,t.jsx)(ie,{className:"flex items-center justify-center",children:(0,t.jsxs)("div",{className:"text-center",children:[(0,t.jsx)("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),(0,t.jsx)("p",{className:"text-sm text-muted-foreground mb-4",children:Z}),A&&(0,t.jsxs)(D,{variant:"outline",size:"sm",onClick:A,className:"rounded-lg",children:[(0,t.jsx)(b.Loader2,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):(0,t.jsx)(Xe,{children:(0,t.jsxs)("div",{className:r("w-full space-y-2 flex flex-col h-full",X),children:[P&&(0,t.jsx)(ae,{className:"rounded-2xl py-2 sticky top-0 z-20",children:(0,t.jsx)(ie,{className:"px-2",children:P})}),pt&&(0,t.jsx)(Ze,{table:w,filters:d,globalFilter:Ie,onGlobalFilterChange:pe,enableGlobalFilter:Ve,onExport:W,onRefresh:A,loading:Y,enableColumnVisibility:ve,enableColumnPinning:N,data:e,onClearSorting:xt,onClearFilters:Ct}),(0,t.jsx)(ae,{className:r("shadow-sm overflow-auto py-0",bt&&"flex-1"),children:(0,t.jsx)(ie,{className:"p-0 h-full",children:(0,t.jsxs)("div",{className:"relative flex flex-col h-full justify-between",children:[Y&&(0,t.jsx)("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-xl",children:(0,t.jsxs)("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[(0,t.jsx)(b.Loader2,{className:"size-5 animate-spin text-primary"}),(0,t.jsx)("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),(0,t.jsx)("div",{className:"relative rounded-t-xl overflow-auto border-b",children:(0,t.jsxs)(Pe,{className:"border-collapse w-full",children:[!vt&&wt(),(0,t.jsx)(qe,{children:w.getRowModel().rows?.length?w.getRowModel().rows.map((m,v)=>(0,t.jsx)(E,{"data-state":m.getIsSelected()&&"selected",className:r(ft&&"hover:bg-muted/50",gt&&v%2===0&&"bg-muted/20",m.getIsSelected()&&"bg-muted","border-b last:border-b-0"),children:m.getVisibleCells().map((n,c)=>{let s=N&&(n.column.getIsPinned()==="left"||n.column.id==="serialNumber"||n.column.id==="select"&&R),x=N&&n.column.getIsPinned()==="right",_=n.column.id==="serialNumber",G=n.column.id==="select",Ce=_||G&&te;return(0,t.jsx)(ne,{className:r(Fe?"py-2":"py-4",_e&&c<m.getVisibleCells().length&&"border-r",s&&"sticky left-0 z-10 bg-sidebar/97",x&&"sticky right-0 z-10 bg-sidebar/97",_&&"sticky left-0 z-10 bg-sidebar/97","p-1"),style:{width:n.column.getSize()!==150?n.column.getSize():"auto",minWidth:n.column.getSize()!==150?n.column.getSize():"auto",...s&&{left:_?0:G?F&&w.getColumn("serialNumber")?.getSize()||0:Be(n.column)},...x&&{right:Ae(n.column)},..._&&{left:0}},children:(0,S.flexRender)(n.column.columnDef.cell,n.getContext())},n.id)})},m.id)):(0,t.jsx)(E,{children:(0,t.jsx)(ne,{colSpan:xe.length,className:"h-32 text-center border-0",children:(0,t.jsxs)("div",{className:"flex flex-col items-center gap-3",children:[(0,t.jsx)("div",{className:"text-muted-foreground text-5xl",children:"\u{1F4CB}"}),(0,t.jsx)("p",{className:"text-muted-foreground font-medium",children:ue})]})})})})]})}),j&&(0,t.jsx)("div",{className:"sticky bottom-0 bg-sidebar w-full z-20",style:{width:"100%",minWidth:"fit-content"},children:(0,t.jsx)(Pe,{children:(0,t.jsx)(Je,{children:(0,t.jsx)(E,{className:"bg-sidebar",children:(0,t.jsx)(ne,{colSpan:xe.length,className:"p-2",children:j})})})})})]})})}),(0,t.jsx)(et,{table:w,config:u}),$&&$(w)]})})}0&&(module.exports={DataTable});
+//# sourceMappingURL=data-table.cjs.map