@tirth_jasoliya/ui 1.0.5 → 1.0.6

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-template/data-template-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/ui/select.tsx"],"sourcesContent":["import { Search, Download, RefreshCw, Filter, X, ChevronDown, Settings2 } from \"lucide-react\"\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { DataTemplateField, DataTemplateFilter } from \"./data-template-types.js\"\r\n\r\ninterface DataTemplateToolbarProps<T extends Record<string, any>> {\r\n  fields: DataTemplateField<T>[]\r\n  filters: DataTemplateFilter<T>[]\r\n  globalFilter: string\r\n  onGlobalFilterChange: (value: string) => void\r\n  fieldFilters: Partial<Record<keyof T, any>>\r\n  onFieldFilterChange: (key: keyof T, value: any) => void\r\n  sortField: keyof T | \"\"\r\n  sortDirection: \"asc\" | \"desc\"\r\n  onSortChange: (field: keyof T, direction: \"asc\" | \"desc\") => void\r\n  selectedCount: number\r\n  totalCount: number\r\n  visibleCount: number\r\n  onExport?: () => void\r\n  onRefresh?: () => void\r\n  loading?: boolean\r\n  onClearFilters: () => void\r\n  onClearSorting: () => void\r\n}\r\n\r\nexport function DataTemplateToolbar<T extends Record<string, any>>({\r\n  fields,\r\n  filters,\r\n  globalFilter,\r\n  onGlobalFilterChange,\r\n  fieldFilters,\r\n  onFieldFilterChange,\r\n  sortField,\r\n  sortDirection,\r\n  onSortChange,\r\n  selectedCount,\r\n  totalCount,\r\n  visibleCount,\r\n  onExport,\r\n  onRefresh,\r\n  loading,\r\n  onClearFilters,\r\n  onClearSorting,\r\n}: DataTemplateToolbarProps<T>) {\r\n  const sortableFields = fields.filter((field) => field.sortable)\r\n  const hasActiveFilters =\r\n    Object.values(fieldFilters).some((value) => value !== undefined && value !== null && value !== \"\") ||\r\n    globalFilter !== \"\"\r\n  const hasActiveSorting = sortField !== \"\"\r\n\r\n  return (\r\n    <div className=\"rounded-xl p-0.5\">\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                  </div>\r\n                  {filters.map((filter) => (\r\n                    <div key={String(filter.key)} className=\"relative min-w-[150px]\">\r\n                      {filter.type === \"select\" ? (\r\n                        <Select\r\n                          value={fieldFilters[filter.key] || \"all\"}\r\n                          onValueChange={(value) => onFieldFilterChange(filter.key, value)}\r\n                        >\r\n                          {filter.icon && (\r\n                            <filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" />\r\n                          )}\r\n                          <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n                            <SelectValue placeholder={filter.placeholder || \"Select...\"} />\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.value} 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 && (\r\n                            <filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" />\r\n                          )}\r\n                          <Input\r\n                            type={filter.type}\r\n                            placeholder={filter.placeholder}\r\n                            value={fieldFilters[filter.key] || \"\"}\r\n                            onChange={(e) => onFieldFilterChange(filter.key, e.target.value)}\r\n                            className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\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              {/* Global Search */}\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={(e) => onGlobalFilterChange(e.target.value)}\r\n                  className=\"pl-9 h-9 rounded-lg max-w-max\"\r\n                />\r\n              </div>\r\n\r\n              {/* Sort Dropdown */}\r\n              {sortableFields.length > 0 && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild>\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n                      <span>Sort</span>\r\n                      <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n                    <DropdownMenuLabel>Sort By</DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n                    {sortableFields.map((field) => (\r\n                      <div key={String(field.key)}>\r\n                        <DropdownMenuItem onClick={() => onSortChange(field.key, \"asc\")}>\r\n                          {field.label} (A-Z)\r\n                        </DropdownMenuItem>\r\n                        <DropdownMenuItem onClick={() => onSortChange(field.key, \"desc\")}>\r\n                          {field.label} (Z-A)\r\n                        </DropdownMenuItem>\r\n                      </div>\r\n                    ))}\r\n                    {hasActiveSorting && (\r\n                      <>\r\n                        <DropdownMenuSeparator />\r\n                        <DropdownMenuItem onClick={onClearSorting}>\r\n                          Clear All Sorting\r\n                        </DropdownMenuItem>\r\n                      </>\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                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={onClearFilters}>\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\r\n                </DropdownMenuContent>\r\n              </DropdownMenu>\r\n\r\n              {/* Export Button */}\r\n              {onExport && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={onExport} 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              {/* Refresh Button */}\r\n              {onRefresh && (\r\n                <Button\r\n                  variant=\"outline\"\r\n                  size=\"sm\"\r\n                  onClick={onRefresh}\r\n                  disabled={loading}\r\n                  className=\"rounded-lg\"\r\n                >\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}\r\n\r\n\r\n// import { Search, Download, RefreshCw, Filter, X, SortAsc, SortDesc, Grid3X3, Grid2X2, LayoutGrid, XIcon } from \"lucide-react\"\r\n// import { Button } from \"../../ui/button\"\r\n// import { Input } from \"../../ui/input\"\r\n// import {\r\n//   DropdownMenu,\r\n//   DropdownMenuContent,\r\n//   DropdownMenuItem,\r\n//   DropdownMenuLabel,\r\n//   DropdownMenuSeparator,\r\n//   DropdownMenuTrigger,\r\n//   DropdownMenuRadioGroup,\r\n//   DropdownMenuRadioItem,\r\n// } from \"../../ui/dropdown-menu\"\r\n// import { Badge } from \"../../ui/badge\"\r\n// import { Separator } from \"../../ui/separator\"\r\n// import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select\"\r\n// import type { TemplateRepeaterField, TemplateRepeaterFilter } from \"./template-repeater-types\"\r\n\r\n// // Constrain T to be an object with string keys\r\n// interface TemplateRepeaterToolbarProps<T extends Record<string, any>> {\r\n//   fields: TemplateRepeaterField<T>[]\r\n//   filters: TemplateRepeaterFilter<T>[]\r\n//   globalFilter: string\r\n//   onGlobalFilterChange: (value: string) => void\r\n//   fieldFilters: Partial<Record<keyof T, any>>\r\n//   onFieldFilterChange: (key: keyof T, value: any) => void\r\n//   sortField: keyof T | \"\"\r\n//   sortDirection: \"asc\" | \"desc\"\r\n//   onSortChange: (field: keyof T, direction: \"asc\" | \"desc\") => void\r\n//   selectedCount: number\r\n//   totalCount: number\r\n//   visibleCount: number\r\n//   onExport?: () => void\r\n//   onRefresh?: () => void\r\n//   loading?: boolean\r\n//   gridCols: number\r\n//   onGridColsChange: (cols: number) => void\r\n//   onClearFilters: () => void\r\n//   onClearSorting: () => void\r\n// }\r\n\r\n// export function TemplateRepeaterToolbar<T extends Record<string, any>>({\r\n//   fields,\r\n//   filters,\r\n//   globalFilter,\r\n//   onGlobalFilterChange,\r\n//   fieldFilters,\r\n//   onFieldFilterChange,\r\n//   sortField,\r\n//   sortDirection,\r\n//   onSortChange,\r\n//   selectedCount,\r\n//   totalCount,\r\n//   visibleCount,\r\n//   onExport,\r\n//   onRefresh,\r\n//   loading,\r\n//   gridCols,\r\n//   onGridColsChange,\r\n//   onClearFilters,\r\n//   onClearSorting,\r\n// }: TemplateRepeaterToolbarProps<T>) {\r\n//   const sortableFields = fields.filter((field) => field.sortable)\r\n//   const hasActiveFilters =\r\n//     Object.values(fieldFilters).some((value) => value !== undefined && value !== null && value !== \"\") ||\r\n//     globalFilter !== \"\"\r\n//   const hasActiveSorting = sortField !== \"\"\r\n\r\n//   // const gridOptions = [\r\n//   //   { value: 1, icon: LayoutGrid, label: \"1 Column\" },\r\n//   //   { value: 2, icon: Grid2X2, label: \"2 Columns\" },\r\n//   //   { value: 3, icon: Grid3X3, label: \"3 Columns\" },\r\n//   //   { value: 4, icon: Grid3X3, label: \"4 Columns\" },\r\n//   //   { value: 0, icon: Grid3X3, label: \"Auto Fit\" },\r\n//   // ];\r\n\r\n//   // Helper function to safely convert keyof T to string for React keys\r\n//   const getKeyString = (key: keyof T): string => String(key)\r\n\r\n//   return (\r\n//     <div className=\"flex flex-col gap-4 p-2 bg-muted/20 rounded-lg flex-none\">\r\n//       {/* Top Row - Search and Actions */}\r\n//       <div className=\"flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between\">\r\n//         <div className=\"flex flex-1 items-center gap-2 max-w-max\">\r\n//         </div>\r\n\r\n//         <div className=\"flex items-center gap-2\">\r\n//           <div className=\"relative flex-1\">\r\n//             <Search className=\"absolute left-3 top-1/2 transform -translate-y-1/2 size-4 text-muted-foreground\" />\r\n//             <Input\r\n//               placeholder=\"Global Search...\"\r\n//               value={globalFilter}\r\n//               onChange={(e) => onGlobalFilterChange(e.target.value)}\r\n//               className=\"pl-9 h-8\"\r\n//               id=\"search\"\r\n//             />\r\n//           </div>\r\n//           {globalFilter && (\r\n//             <Button variant=\"ghost\" size=\"sm\" onClick={() => onGlobalFilterChange(\"\")}>\r\n//               <XIcon className=\"h-4 w-4\" />\r\n//             </Button>\r\n//           )}\r\n//           {/* Grid Layout Selector */}\r\n//           {/* <DropdownMenu>\r\n//             <DropdownMenuTrigger asChild>\r\n//               <Button variant=\"outline\" size=\"sm\">\r\n//                 <LayoutGrid className=\"h-4 w-4\" />\r\n//                 Grid\r\n//               </Button>\r\n//             </DropdownMenuTrigger>\r\n//             <DropdownMenuContent align=\"end\">\r\n//               <DropdownMenuLabel>Grid Layout</DropdownMenuLabel>\r\n//               <DropdownMenuSeparator />\r\n//               <DropdownMenuRadioGroup\r\n//                 value={gridCols.toString()}\r\n//                 onValueChange={(value) => onGridColsChange(Number.parseInt(value))}\r\n//               >\r\n//                 {gridOptions.map((option) => (\r\n//                   <DropdownMenuRadioItem key={option.value} value={option.value.toString()}>\r\n//                     <option.icon className=\"h-4 w-4\" />\r\n//                     {option.label}\r\n//                   </DropdownMenuRadioItem>\r\n//                 ))}\r\n//               </DropdownMenuRadioGroup>\r\n//             </DropdownMenuContent>\r\n//           </DropdownMenu> */}\r\n\r\n//           {/* Sort Dropdown */}\r\n//           {sortableFields.length > 0 && (\r\n//             <DropdownMenu>\r\n//               <DropdownMenuTrigger asChild>\r\n//                 <Button variant=\"outline\" size=\"sm\">\r\n//                   {sortDirection === \"asc\" ? (\r\n//                     <SortAsc className=\"h-4 w-4 mr-2\" />\r\n//                   ) : (\r\n//                     <SortDesc className=\"h-4 w-4 mr-2\" />\r\n//                   )}\r\n//                   Sort\r\n//                   {hasActiveSorting && (\r\n//                     <Badge variant=\"secondary\" className=\"ml-2\">\r\n//                       1\r\n//                     </Badge>\r\n//                   )}\r\n//                 </Button>\r\n//               </DropdownMenuTrigger>\r\n//               <DropdownMenuContent align=\"end\" className=\"w-48\">\r\n//                 <DropdownMenuLabel>Sort by</DropdownMenuLabel>\r\n//                 <DropdownMenuSeparator />\r\n//                 {sortableFields.map((field) => (\r\n//                   <div key={getKeyString(field.key)}>\r\n//                     <DropdownMenuItem onClick={() => onSortChange(field.key, \"asc\")}>\r\n//                       <SortAsc className=\"h-4 w-4 mr-2\" />\r\n//                       {field.label} (A-Z)\r\n//                     </DropdownMenuItem>\r\n//                     <DropdownMenuItem onClick={() => onSortChange(field.key, \"desc\")}>\r\n//                       <SortDesc className=\"h-4 w-4 mr-2\" />\r\n//                       {field.label} (Z-A)\r\n//                     </DropdownMenuItem>\r\n//                   </div>\r\n//                 ))}\r\n//                 {hasActiveSorting && (\r\n//                   <>\r\n//                     <DropdownMenuSeparator />\r\n//                     <DropdownMenuItem onClick={onClearSorting}>\r\n//                       <XIcon className=\"h-4 w-4 mr-2\" />\r\n//                       Clear Sort\r\n//                     </DropdownMenuItem>\r\n//                   </>\r\n//                 )}\r\n//               </DropdownMenuContent>\r\n//             </DropdownMenu>\r\n//           )}\r\n\r\n//           {/* Filters Dropdown */}\r\n//           {filters.length > 0 && (\r\n//             <DropdownMenu>\r\n//               <DropdownMenuTrigger asChild>\r\n//                 <Button variant=\"outline\" size=\"sm\">\r\n//                   <Filter className=\"h-4 w-4 mr-2\" />\r\n//                   Filters\r\n//                   {hasActiveFilters && (\r\n//                     <Badge variant=\"secondary\" className=\"ml-2\">\r\n//                       {Object.values(fieldFilters).filter((v) => v !== undefined && v !== null && v !== \"\").length +\r\n//                         (globalFilter ? 1 : 0)}\r\n//                     </Badge>\r\n//                   )}\r\n//                 </Button>\r\n//               </DropdownMenuTrigger>\r\n//               <DropdownMenuContent align=\"end\" className=\"w-64\">\r\n//                 <DropdownMenuLabel>Filters</DropdownMenuLabel>\r\n//                 <DropdownMenuSeparator />\r\n//                 <div className=\"p-2 space-y-3\">\r\n//                   {filters.map((filter) => (\r\n//                     <div key={getKeyString(filter.key)} className=\"space-y-1\">\r\n//                       <label className=\"text-sm font-medium\">{filter.label}</label>\r\n//                       {filter.type === \"select\" ? (\r\n//                         <Select\r\n//                           value={fieldFilters[filter.key] || \"all\"}\r\n//                           onValueChange={(value) => onFieldFilterChange(filter.key, value)}\r\n//                         >\r\n//                           <SelectTrigger className=\"h-8\">\r\n//                             <SelectValue placeholder={filter.placeholder || \"Select...\"} />\r\n//                           </SelectTrigger>\r\n//                           <SelectContent>\r\n//                             <SelectItem value=\"all\">All</SelectItem>\r\n//                             {filter.options?.map((option) => (\r\n//                               <SelectItem key={option.value} value={option.value}>\r\n//                                 {option.label}\r\n//                               </SelectItem>\r\n//                             ))}\r\n//                           </SelectContent>\r\n//                         </Select>\r\n//                       ) : (\r\n//                         <Input\r\n//                           type={filter.type}\r\n//                           placeholder={filter.placeholder}\r\n//                           value={fieldFilters[filter.key] || \"\"}\r\n//                           onChange={(e) => onFieldFilterChange(filter.key, e.target.value)}\r\n//                           className=\"h-8\"\r\n//                         />\r\n//                       )}\r\n//                     </div>\r\n//                   ))}\r\n//                 </div>\r\n//                 {hasActiveFilters && (\r\n//                   <>\r\n//                     <DropdownMenuSeparator />\r\n//                     <DropdownMenuItem onClick={onClearFilters}>\r\n//                       <XIcon className=\"h-4 w-4 mr-2\" />\r\n//                       Clear All Filters\r\n//                     </DropdownMenuItem>\r\n//                   </>\r\n//                 )}\r\n//               </DropdownMenuContent>\r\n//             </DropdownMenu>\r\n//           )}\r\n\r\n//           <Separator orientation=\"vertical\" className=\"h-6\" />\r\n\r\n//           {onRefresh && (\r\n//             <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading}>\r\n//               <RefreshCw className={`h-4 w-4 mr-2 ${loading ? \"animate-spin\" : \"\"}`} />\r\n//               Refresh\r\n//             </Button>\r\n//           )}\r\n\r\n//           {onExport && (\r\n//             <Button variant=\"outline\" size=\"sm\" onClick={onExport} disabled={loading}>\r\n//               <Download className=\"h-4 w-4 mr-2\" />\r\n//               Export\r\n//             </Button>\r\n//           )}\r\n//         </div>\r\n//       </div>\r\n\r\n//       {/* Bottom Row - Stats and Active Filters */}\r\n//       {/* <div className=\"flex flex-col sm:flex-row gap-2 items-start sm:items-center justify-between text-sm text-muted-foreground\">\r\n//         <div className=\"flex items-center gap-4\">\r\n//           <span>\r\n//             Showing {visibleCount.toLocaleString()} of {totalCount.toLocaleString()} items\r\n//           </span>\r\n//           {selectedCount > 0 && (\r\n//             <span className=\"text-primary font-medium\">{selectedCount.toLocaleString()} selected</span>\r\n//           )}\r\n//         </div>\r\n//         {hasActiveFilters && (\r\n//           <div className=\"flex items-center gap-2 flex-wrap\">\r\n//             <span className=\"text-xs\">Active filters:</span>\r\n//             {globalFilter && (\r\n//               <Badge variant=\"secondary\" className=\"text-xs\">\r\n//                 Search: {globalFilter}\r\n//                 <Button variant=\"ghost\" size=\"sm\" className=\"h-auto p-0 ml-1\" onClick={() => onGlobalFilterChange(\"\")}>\r\n//                   <XIcon className=\"h-3 w-3\" />\r\n//                 </Button>\r\n//               </Badge>\r\n//             )}\r\n//             {(Object.keys(fieldFilters) as Array<keyof T>).map((key) => {\r\n//               const value = fieldFilters[key]\r\n//               if (!value) return null\r\n//               const filter = filters.find((f) => f.key === key)\r\n//               if (!filter) return null\r\n//               return (\r\n//                 <Badge key={getKeyString(key)} variant=\"secondary\" className=\"text-xs\">\r\n//                   {filter.label}: {String(value)}\r\n//                   <Button\r\n//                     variant=\"ghost\"\r\n//                     size=\"sm\"\r\n//                     className=\"h-auto p-0 ml-1\"\r\n//                     onClick={() => onFieldFilterChange(key, \"\")}\r\n//                   >\r\n//                     <XIcon className=\"h-3 w-3\" />\r\n//                   </Button>\r\n//                 </Badge>\r\n//               )\r\n//             })}\r\n//           </div>\r\n//         )}\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 { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n","import * 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"],"mappings":"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","names":["Search","Download","RefreshCw","Filter","ChevronDown","Settings2","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuItem","className","inset","variant","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","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","Fragment","jsx","jsxs","DataTemplateToolbar","fields","filters","globalFilter","onGlobalFilterChange","fieldFilters","onFieldFilterChange","sortField","sortDirection","onSortChange","selectedCount","totalCount","visibleCount","onExport","onRefresh","loading","onClearFilters","onClearSorting","sortableFields","field","hasActiveFilters","value","hasActiveSorting","Filter","filter","Select","SelectTrigger","cn","SelectValue","SelectContent","SelectItem","option","Input","e","Search","DropdownMenu","DropdownMenuTrigger","Button","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","Settings2","Download","RefreshCw"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/data/data-template/data-template-types.ts"],"sourcesContent":["import type { LucideIcon } from \"lucide-react\"\r\nimport type React from \"react\"\r\nimport type { ReactNode } from \"react\"\r\n\r\nexport type DataTemplateField<T> = {\r\n  key: keyof T\r\n  label: string\r\n  type?: \"text\" | \"number\" | \"date\" | \"boolean\"\r\n  sortable?: boolean\r\n  filterable?: boolean\r\n  searchable?: boolean\r\n}\r\n\r\nexport type DataTemplateFilter<T> = {\r\n  key: keyof T\r\n  label: string\r\n  type: \"text\" | \"select\" | \"date\" | \"number\" | \"boolean\"\r\n  options?: { label: string; value: string }[]\r\n  placeholder?: string\r\n  icon?: LucideIcon\r\n}\r\n\r\nexport type DataTemplatePaginationConfig = {\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 DataTemplatePagination = {\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 DataTemplateSettings = {\r\n  enableSorting?: boolean\r\n  enableFiltering?: boolean\r\n  enableGlobalSearch?: boolean\r\n  enableSelection?: boolean\r\n  enableExport?: boolean\r\n  toolbar?: boolean\r\n  selectionMode?: \"single\" | \"multiple\"\r\n  gridCols?: {\r\n    default: number\r\n    sm?: number\r\n    md?: number\r\n    lg?: number\r\n    xl?: number\r\n    \"2xl\"?: number\r\n  }\r\n  gap?: number\r\n  aspectRatio?: \"square\" | \"video\" | \"auto\" | string\r\n  minCardWidth?: number\r\n  maxCardWidth?: number\r\n}\r\n\r\nexport type DataTemplateType<T> = (item: T, index: number, isSelected: boolean, onToggleSelect: () => void) => ReactNode\r\n\r\nexport type DataTemplateProps<T> = {\r\n  data: T[]\r\n  template: DataTemplateType<T>,\r\n  fields: DataTemplateField<T>[]\r\n  filters?: DataTemplateFilter<T>[]\r\n  pagination?: DataTemplatePagination\r\n  settings?: DataTemplateSettings\r\n  header?: ReactNode\r\n  footer?: ReactNode\r\n  className?: string\r\n  loading?: boolean\r\n  error?: string\r\n  emptyMessage?: string\r\n  emptyIcon?: ReactNode\r\n  onSelectionChange?: (selectedItems: T[]) => void\r\n  onExport?: (data: T[]) => void\r\n  onRefresh?: () => void\r\n  onTemplateReady?: (controller: DataTemplateController<T>) => void\r\n  children?: (controller: DataTemplateController<T>) => ReactNode\r\n}\r\n\r\nexport type DataTemplateController<T> = {\r\n  getSelectedItems: () => T[]\r\n  clearSelection: () => void\r\n  selectAll: () => void\r\n  getFilteredData: () => T[]\r\n  getTotalCount: () => number\r\n  getVisibleCount: () => number\r\n  refresh: () => void\r\n  exportData: () => void\r\n}\r\n\r\nexport type DataTemplateActionBarProps<T> = {\r\n  controller: DataTemplateController<T>\r\n  visible?: boolean\r\n  container?: Element | DocumentFragment | null\r\n  children: React.ReactNode\r\n  className?: string\r\n}\r\n\r\nexport type DataTemplateActionBarActionProps = {\r\n  tooltip?: string\r\n  isPending?: boolean\r\n  size?: \"sm\" | \"icon\"\r\n  variant?: \"default\" | \"secondary\" | \"outline\" | \"ghost\"\r\n  disabled?: boolean\r\n  className?: string\r\n  children: React.ReactNode\r\n  onClick?: () => void\r\n}"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_template_types_exports","__toCommonJS"]}

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

@@ -0,0 +1,107 @@
+import { LucideIcon } from 'lucide-react';
+import React__default, { ReactNode } from 'react';
+
+type DataTemplateField<T> = {
+    key: keyof T;
+    label: string;
+    type?: "text" | "number" | "date" | "boolean";
+    sortable?: boolean;
+    filterable?: boolean;
+    searchable?: boolean;
+};
+type DataTemplateFilter<T> = {
+    key: keyof T;
+    label: string;
+    type: "text" | "select" | "date" | "number" | "boolean";
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    placeholder?: string;
+    icon?: LucideIcon;
+};
+type DataTemplatePaginationConfig = {
+    enabled: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showInfo?: boolean;
+    showPageNumbers?: boolean;
+};
+type DataTemplatePagination = {
+    enabled: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showInfo?: boolean;
+    showPageNumbers?: boolean;
+};
+type DataTemplateSettings = {
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enableGlobalSearch?: boolean;
+    enableSelection?: boolean;
+    enableExport?: boolean;
+    toolbar?: boolean;
+    selectionMode?: "single" | "multiple";
+    gridCols?: {
+        default: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        "2xl"?: number;
+    };
+    gap?: number;
+    aspectRatio?: "square" | "video" | "auto" | string;
+    minCardWidth?: number;
+    maxCardWidth?: number;
+};
+type DataTemplateType<T> = (item: T, index: number, isSelected: boolean, onToggleSelect: () => void) => ReactNode;
+type DataTemplateProps<T> = {
+    data: T[];
+    template: DataTemplateType<T>;
+    fields: DataTemplateField<T>[];
+    filters?: DataTemplateFilter<T>[];
+    pagination?: DataTemplatePagination;
+    settings?: DataTemplateSettings;
+    header?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    loading?: boolean;
+    error?: string;
+    emptyMessage?: string;
+    emptyIcon?: ReactNode;
+    onSelectionChange?: (selectedItems: T[]) => void;
+    onExport?: (data: T[]) => void;
+    onRefresh?: () => void;
+    onTemplateReady?: (controller: DataTemplateController<T>) => void;
+    children?: (controller: DataTemplateController<T>) => ReactNode;
+};
+type DataTemplateController<T> = {
+    getSelectedItems: () => T[];
+    clearSelection: () => void;
+    selectAll: () => void;
+    getFilteredData: () => T[];
+    getTotalCount: () => number;
+    getVisibleCount: () => number;
+    refresh: () => void;
+    exportData: () => void;
+};
+type DataTemplateActionBarProps<T> = {
+    controller: DataTemplateController<T>;
+    visible?: boolean;
+    container?: Element | DocumentFragment | null;
+    children: React__default.ReactNode;
+    className?: string;
+};
+type DataTemplateActionBarActionProps = {
+    tooltip?: string;
+    isPending?: boolean;
+    size?: "sm" | "icon";
+    variant?: "default" | "secondary" | "outline" | "ghost";
+    disabled?: boolean;
+    className?: string;
+    children: React__default.ReactNode;
+    onClick?: () => void;
+};
+
+export type { DataTemplateActionBarActionProps, DataTemplateActionBarProps, DataTemplateController, DataTemplateField, DataTemplateFilter, DataTemplatePagination, DataTemplatePaginationConfig, DataTemplateProps, DataTemplateSettings, DataTemplateType };

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

@@ -0,0 +1,107 @@
+import { LucideIcon } from 'lucide-react';
+import React__default, { ReactNode } from 'react';
+
+type DataTemplateField<T> = {
+    key: keyof T;
+    label: string;
+    type?: "text" | "number" | "date" | "boolean";
+    sortable?: boolean;
+    filterable?: boolean;
+    searchable?: boolean;
+};
+type DataTemplateFilter<T> = {
+    key: keyof T;
+    label: string;
+    type: "text" | "select" | "date" | "number" | "boolean";
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    placeholder?: string;
+    icon?: LucideIcon;
+};
+type DataTemplatePaginationConfig = {
+    enabled: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showInfo?: boolean;
+    showPageNumbers?: boolean;
+};
+type DataTemplatePagination = {
+    enabled: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showInfo?: boolean;
+    showPageNumbers?: boolean;
+};
+type DataTemplateSettings = {
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enableGlobalSearch?: boolean;
+    enableSelection?: boolean;
+    enableExport?: boolean;
+    toolbar?: boolean;
+    selectionMode?: "single" | "multiple";
+    gridCols?: {
+        default: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        "2xl"?: number;
+    };
+    gap?: number;
+    aspectRatio?: "square" | "video" | "auto" | string;
+    minCardWidth?: number;
+    maxCardWidth?: number;
+};
+type DataTemplateType<T> = (item: T, index: number, isSelected: boolean, onToggleSelect: () => void) => ReactNode;
+type DataTemplateProps<T> = {
+    data: T[];
+    template: DataTemplateType<T>;
+    fields: DataTemplateField<T>[];
+    filters?: DataTemplateFilter<T>[];
+    pagination?: DataTemplatePagination;
+    settings?: DataTemplateSettings;
+    header?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    loading?: boolean;
+    error?: string;
+    emptyMessage?: string;
+    emptyIcon?: ReactNode;
+    onSelectionChange?: (selectedItems: T[]) => void;
+    onExport?: (data: T[]) => void;
+    onRefresh?: () => void;
+    onTemplateReady?: (controller: DataTemplateController<T>) => void;
+    children?: (controller: DataTemplateController<T>) => ReactNode;
+};
+type DataTemplateController<T> = {
+    getSelectedItems: () => T[];
+    clearSelection: () => void;
+    selectAll: () => void;
+    getFilteredData: () => T[];
+    getTotalCount: () => number;
+    getVisibleCount: () => number;
+    refresh: () => void;
+    exportData: () => void;
+};
+type DataTemplateActionBarProps<T> = {
+    controller: DataTemplateController<T>;
+    visible?: boolean;
+    container?: Element | DocumentFragment | null;
+    children: React__default.ReactNode;
+    className?: string;
+};
+type DataTemplateActionBarActionProps = {
+    tooltip?: string;
+    isPending?: boolean;
+    size?: "sm" | "icon";
+    variant?: "default" | "secondary" | "outline" | "ghost";
+    disabled?: boolean;
+    className?: string;
+    children: React__default.ReactNode;
+    onClick?: () => void;
+};
+
+export type { DataTemplateActionBarActionProps, DataTemplateActionBarProps, DataTemplateController, DataTemplateField, DataTemplateFilter, DataTemplatePagination, DataTemplatePaginationConfig, DataTemplateProps, DataTemplateSettings, DataTemplateType };

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

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

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

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

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

@@ -0,0 +1,3 @@
+"use client"
+"use strict";var ue=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var at=Object.getOwnPropertyNames;var nt=Object.prototype.hasOwnProperty;var rt=(e,o)=>{for(var a in o)ue(e,a,{get:o[a],enumerable:!0})},st=(e,o,a,g)=>{if(o&&typeof o=="object"||typeof o=="function")for(let u of at(o))!nt.call(e,u)&&u!==a&&ue(e,u,{get:()=>o[u],enumerable:!(g=ot(o,u))||g.enumerable});return e};var it=e=>st(ue({},"__esModule",{value:!0}),e);var ut={};rt(ut,{DataTemplate:()=>mt});module.exports=it(ut);var m=require("react"),we=require("lucide-react");var Ge=require("clsx"),_e=require("tailwind-merge");function s(...e){return(0,_e.twMerge)((0,Ge.clsx)(e))}var pe=require("react/jsx-runtime");function te({className:e,...o}){return(0,pe.jsx)("div",{"data-slot":"card",className:s("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...o})}function oe({className:e,...o}){return(0,pe.jsx)("div",{"data-slot":"card-content",className:s("px-6",e),...o})}var Ve=require("radix-ui"),Le=require("class-variance-authority");var Ae=require("react/jsx-runtime"),lt=(0,Le.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 h({className:e,variant:o,size:a,asChild:g=!1,...u}){let T=g?Ve.Slot.Slot:"button";return(0,Ae.jsx)(T,{"data-slot":"button",className:s(lt({variant:o,size:a,className:e}),"transition-none"),...u})}var fe=require("radix-ui"),je=require("lucide-react");var ae=require("react/jsx-runtime");function $e({className:e,...o}){return(0,ae.jsx)(fe.Checkbox.Root,{"data-slot":"checkbox",className:s("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,ae.jsx)(fe.Checkbox.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:(0,ae.jsx)(je.CheckIcon,{className:"size-3.5"})})})}var w=require("lucide-react");var Oe=require("react/jsx-runtime");function ge({className:e,type:o,...a}){return(0,Oe.jsx)("input",{type:o,"data-slot":"input",className:s("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),...a})}var R=require("radix-ui"),ve=require("lucide-react");var D=require("react/jsx-runtime");function be({...e}){return(0,D.jsx)(R.DropdownMenu.Root,{"data-slot":"dropdown-menu",...e})}function xe({...e}){return(0,D.jsx)(R.DropdownMenu.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function he({className:e,sideOffset:o=4,...a}){return(0,D.jsx)(R.DropdownMenu.Portal,{children:(0,D.jsx)(R.DropdownMenu.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className:s("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),...a})})}function j({className:e,inset:o,variant:a="default",...g}){return(0,D.jsx)(R.DropdownMenu.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":a,className:s("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),...g})}function Ce({className:e,inset:o,...a}){return(0,D.jsx)(R.DropdownMenu.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:s("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...a})}function ne({className:e,...o}){return(0,D.jsx)(R.DropdownMenu.Separator,{"data-slot":"dropdown-menu-separator",className:s("bg-border -mx-1 my-1 h-px",e),...o})}var C=require("radix-ui"),F=require("lucide-react");var p=require("react/jsx-runtime");function re({...e}){return(0,p.jsx)(C.Select.Root,{"data-slot":"select",...e})}function se({...e}){return(0,p.jsx)(C.Select.Value,{"data-slot":"select-value",...e})}function ie({className:e,size:o="default",children:a,...g}){return(0,p.jsxs)(C.Select.Trigger,{"data-slot":"select-trigger","data-size":o,className:s("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),...g,children:[a,(0,p.jsx)(C.Select.Icon,{asChild:!0,children:(0,p.jsx)(F.ChevronDownIcon,{className:"size-4 opacity-50"})})]})}function le({className:e,children:o,position:a="popper",...g}){return(0,p.jsx)(C.Select.Portal,{children:(0,p.jsxs)(C.Select.Content,{"data-slot":"select-content",className:s("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",a==="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:a,...g,children:[(0,p.jsx)(dt,{}),(0,p.jsx)(C.Select.Viewport,{className:s("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:o}),(0,p.jsx)(ct,{})]})})}function J({className:e,children:o,...a}){return(0,p.jsxs)(C.Select.Item,{"data-slot":"select-item",className:s("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),...a,children:[(0,p.jsx)("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:(0,p.jsx)(C.Select.ItemIndicator,{children:(0,p.jsx)(F.CheckIcon,{className:"size-4"})})}),(0,p.jsx)(C.Select.ItemText,{children:o})]})}function dt({className:e,...o}){return(0,p.jsx)(C.Select.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:s("flex cursor-default items-center justify-center py-1",e),...o,children:(0,p.jsx)(F.ChevronUpIcon,{className:"size-4"})})}function ct({className:e,...o}){return(0,p.jsx)(C.Select.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:s("flex cursor-default items-center justify-center py-1",e),...o,children:(0,p.jsx)(F.ChevronDownIcon,{className:"size-4"})})}var t=require("react/jsx-runtime");function Ue({fields:e,filters:o,globalFilter:a,onGlobalFilterChange:g,fieldFilters:u,onFieldFilterChange:T,sortField:P,sortDirection:B,onSortChange:G,selectedCount:$,totalCount:_,visibleCount:O,onExport:V,onRefresh:x,loading:y,onClearFilters:f,onClearSorting:k}){let U=e.filter(n=>n.sortable),de=Object.values(u).some(n=>n!=null&&n!=="")||a!=="",K=P!=="";return(0,t.jsx)("div",{className:"rounded-xl p-0.5",children:(0,t.jsx)("div",{className:"px-2",children:(0,t.jsx)("div",{className:"flex flex-col gap-6",children:(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("div",{className:"flex items-center gap-3",children:o.length>0&&(0,t.jsxs)("div",{className:"flex items-center gap-3 flex-wrap",children:[(0,t.jsx)("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:(0,t.jsx)(w.Filter,{className:"h-4 w-4"})}),o.map(n=>(0,t.jsx)("div",{className:"relative min-w-[150px]",children:n.type==="select"?(0,t.jsxs)(re,{value:u[n.key]||"all",onValueChange:v=>T(n.key,v),children:[n.icon&&(0,t.jsx)(n.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),(0,t.jsx)(ie,{className:s("h-9 rounded-lg w-full",n.icon&&"pl-9"),children:(0,t.jsx)(se,{placeholder:n.placeholder||"Select..."})}),(0,t.jsxs)(le,{className:"rounded-lg",children:[(0,t.jsx)(J,{value:"all",children:"All"}),n.options?.map(v=>(0,t.jsx)(J,{value:v.value,children:v.label},v.value))]})]}):(0,t.jsxs)("div",{className:"relative",children:[n.icon&&(0,t.jsx)(n.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),(0,t.jsx)(ge,{type:n.type,placeholder:n.placeholder,value:u[n.key]||"",onChange:v=>T(n.key,v.target.value),className:s("h-9 rounded-lg",n.icon&&"pl-9")})]})},String(n.key)))]})}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(w.Search,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,t.jsx)(ge,{placeholder:"Global search...",value:a,onChange:n=>g(n.target.value),className:"pl-9 h-9 rounded-lg max-w-max"})]}),U.length>0&&(0,t.jsxs)(be,{children:[(0,t.jsx)(xe,{asChild:!0,children:(0,t.jsxs)(h,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[(0,t.jsx)("span",{children:"Sort"}),(0,t.jsx)(w.ChevronDown,{className:"h-4 w-4 opacity-50"})]})}),(0,t.jsxs)(he,{align:"end",className:"w-[200px] rounded-lg",children:[(0,t.jsx)(Ce,{children:"Sort By"}),(0,t.jsx)(ne,{}),U.map(n=>(0,t.jsxs)("div",{children:[(0,t.jsxs)(j,{onClick:()=>G(n.key,"asc"),children:[n.label," (A-Z)"]}),(0,t.jsxs)(j,{onClick:()=>G(n.key,"desc"),children:[n.label," (Z-A)"]})]},String(n.key))),K&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ne,{}),(0,t.jsx)(j,{onClick:k,children:"Clear All Sorting"})]})]})]}),(0,t.jsxs)(be,{children:[(0,t.jsx)(xe,{asChild:!0,children:(0,t.jsx)(h,{variant:"outline",size:"sm",className:"rounded-lg",children:(0,t.jsx)(w.Settings2,{className:"h-4 w-4"})})}),(0,t.jsxs)(he,{align:"end",className:"w-[200px] rounded-lg",children:[(0,t.jsx)(Ce,{children:"Table Settings"}),(0,t.jsx)(ne,{}),(0,t.jsx)(j,{onClick:k,children:"Clear All Sorting"}),(0,t.jsx)(j,{onClick:f,children:"Clear All Filters"})]})]}),V&&(0,t.jsxs)(h,{variant:"outline",size:"sm",onClick:V,className:"rounded-lg",children:[(0,t.jsx)(w.Download,{className:"mr-2 h-4 w-4"}),"Export"]}),x&&(0,t.jsx)(h,{variant:"outline",size:"sm",onClick:x,disabled:y,className:"rounded-lg",children:(0,t.jsx)(w.RefreshCw,{className:s("h-4 w-4",y&&"animate-spin")})})]})]})})})})}var M=require("lucide-react");var r=require("react/jsx-runtime");function We({currentPage:e,totalPages:o,pageSize:a,totalItems:g,onPageChange:u,onPageSizeChange:T,config:P}){if(!P.enabled)return null;let B=P.pageSizeOptions||[10,20,50,100],G=(e-1)*a+1,$=Math.min(e*a,g),_=e>1,O=e<o,V=()=>{let y=[],f=[];for(let k=Math.max(2,e-2);k<=Math.min(o-1,e+2);k++)y.push(k);return e-2>2?f.push(1,"..."):f.push(1),f.push(...y),e+2<o-1?f.push("...",o):o>1&&f.push(o),f};return(0,r.jsx)("div",{className:"rounded-xl",children:(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4",children:[(0,r.jsx)("div",{className:"flex items-center gap-6 text-sm text-muted-foreground",children:P.showInfo!==!1&&(0,r.jsxs)("span",{children:["Showing ",G," to ",$," of ",g," entries"]})}),(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-center gap-4",children:[B&&(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-sm font-medium whitespace-nowrap",children:"Page size:"}),(0,r.jsxs)(re,{value:`${a}`,onValueChange:x=>T(Number(x)),children:[(0,r.jsx)(ie,{className:"h-9 w-[70px] rounded-lg",children:(0,r.jsx)(se,{})}),(0,r.jsx)(le,{side:"top",className:"rounded-lg",children:B.map(x=>(0,r.jsx)(J,{value:`${x}`,children:x},x))})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(1),disabled:!_,className:"hidden sm:flex rounded-lg",children:[(0,r.jsx)(M.ChevronsLeft,{className:"h-4 w-4"}),(0,r.jsx)("span",{className:"sr-only",children:"Go to first page"})]}),(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(e-1),disabled:!_,className:"rounded-lg",children:[(0,r.jsx)(M.ChevronLeft,{className:"h-4 w-4 sm:mr-2"}),(0,r.jsx)("span",{className:"hidden sm:inline",children:"Previous"}),(0,r.jsx)("span",{className:"sr-only sm:hidden",children:"Go to previous page"})]}),P.showPageNumbers&&o>1&&(0,r.jsx)("div",{className:"hidden sm:flex items-center gap-1",children:V().map((x,y)=>{if(x==="...")return(0,r.jsx)("span",{className:"px-2 py-1 text-sm text-muted-foreground",children:"..."},`dots-${y}`);let f=x;return(0,r.jsx)(h,{variant:f===e?"default":"outline",size:"sm",className:"w-9 h-9 p-0 rounded-lg",onClick:()=>u(f),children:f},f)})}),(0,r.jsxs)("div",{className:"sm:hidden flex items-center gap-2 px-3 py-1 text-sm font-medium bg-muted rounded-lg",children:[e," of ",o]}),(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(e+1),disabled:!O,className:"rounded-lg",children:[(0,r.jsx)("span",{className:"hidden sm:inline",children:"Next"}),(0,r.jsx)(M.ChevronRight,{className:"h-4 w-4 sm:ml-2"}),(0,r.jsx)("span",{className:"sr-only sm:hidden",children:"Go to next page"})]}),(0,r.jsxs)(h,{variant:"outline",size:"sm",onClick:()=>u(o),disabled:!O,className:"hidden sm:flex rounded-lg",children:[(0,r.jsx)(M.ChevronsRight,{className:"h-4 w-4"}),(0,r.jsx)("span",{className:"sr-only",children:"Go to last page"})]})]})]})]})})}var i=require("react/jsx-runtime");function mt({data:e,template:o,fields:a=[],filters:g=[],pagination:u={enabled:!1},settings:T={},header:P,footer:B,className:G="",loading:$=!1,error:_,emptyMessage:O="No items found",emptyIcon:V,onSelectionChange:x,onExport:y,onRefresh:f,onTemplateReady:k,children:U}){let{enableSorting:de=!0,enableFiltering:K=!0,enableGlobalSearch:n=!0,enableSelection:v=!1,enableExport:qe=!1,toolbar:Ee=!0,selectionMode:W="multiple",gridCols:Ze={default:3,sm:1,md:2,lg:3,xl:4,"2xl":6},gap:ye=4,aspectRatio:Se="auto",minCardWidth:Ne=350,maxCardWidth:Pe=350}=T,[q,ke]=(0,m.useState)(""),[E,De]=(0,m.useState)({}),[L,Te]=(0,m.useState)(""),[Z,ze]=(0,m.useState)("asc"),[z,Q]=(0,m.useState)(new Set),[Y,ee]=(0,m.useState)(1),[A,He]=(0,m.useState)(u.pageSize||12),[Ie,pt]=(0,m.useState)(Ze.default),b=(0,m.useMemo)(()=>{let l=[...e];if(n&&q){let c=a.filter(d=>d.searchable!==!1);l=l.filter(d=>c.some(S=>d[S.key]?.toString().toLowerCase().includes(q.toLowerCase())))}if(K&&Object.keys(E).forEach(c=>{let d=E[c];if(d!=null&&d!==""){let S=a.find(N=>N.key===c);S&&(l=l.filter(N=>{let I=N[c];return S.type==="boolean"?I===(d==="true"):S.type==="number"?I===Number(d):I?.toString().toLowerCase().includes(String(d).toLowerCase())}))}}),de&&L){let c=a.find(d=>d.key===L);c&&l.sort((d,S)=>{let N=d[L],I=S[L];if(c.type==="number")return Z==="asc"?Number(N)-Number(I):Number(I)-Number(N);if(c.type==="date"){let H=new Date(N),X=new Date(I);return Z==="asc"?H.getTime()-X.getTime():X.getTime()-H.getTime()}else{let H=String(N).toLowerCase(),X=String(I).toLowerCase();return Z==="asc"?H.localeCompare(X):X.localeCompare(H)}})}return l},[e,q,E,L,Z,a,n,K,de]),Re=(0,m.useMemo)(()=>{if(!u.enabled)return b;let l=(Y-1)*A,c=l+A;return b.slice(l,c)},[b,Y,A,u.enabled]),Xe=Math.ceil(b.length/A),ce=(0,m.useCallback)(l=>{v&&Q(c=>{let d=new Set(c);return W==="single"?(d.clear(),d.add(l)):d.has(l)?d.delete(l):d.add(l),d})},[v,W]),Me=(0,m.useCallback)(()=>{!v||W==="single"||(z.size===b.length?Q(new Set):Q(new Set(b.map((l,c)=>c))))},[v,W,z.size,b.length]),Je=(0,m.useCallback)((l,c)=>{De(d=>({...d,[l]:c})),ee(1)},[]),Ke=(0,m.useCallback)((l,c)=>{Te(l),ze(c)},[]),Fe=(0,m.useCallback)(()=>{ke(""),De({}),ee(1)},[]),Qe=(0,m.useCallback)(()=>{Te(""),ze("asc")},[]),Be=(0,m.useMemo)(()=>({getSelectedItems:()=>Array.from(z).map(l=>b[l]),clearSelection:()=>Q(new Set),selectAll:Me,getFilteredData:()=>b,getTotalCount:()=>e.length,getVisibleCount:()=>b.length,refresh:()=>f?.(),exportData:()=>y?.(b)}),[z,b,e.length,Me,f,y]),me=(0,m.useRef)(null);me.current=Be,(0,m.useEffect)(()=>{k&&me.current&&k(me.current)},[]),(0,m.useEffect)(()=>{if(v&&x){let l=Array.from(z).map(c=>b[c]);x(l)}},[z]);let Ye=s("w-full","overflow-hidden",G),et=s("grid",`gap-${ye}`,"w-full","mx-auto","items-start"),tt={gridTemplateColumns:Ie===0?`repeat(auto-fill, minmax(clamp(${Ne}px, 30%, ${Pe}px), 1fr))`:`repeat(auto-fill, minmax(clamp(${Ne}px, calc(100%/${Ie} - ${ye*4}px), ${Pe}px), 1fr))`,justifyItems:"center",alignItems:"stretch",gridAutoRows:"1fr",gridAutoFlow:"dense"};return _?(0,i.jsx)(te,{className:"w-full",children:(0,i.jsx)(oe,{className:"flex items-center justify-center py-12",children:(0,i.jsxs)("div",{className:"text-center",children:[(0,i.jsx)("div",{className:"text-red-500 mb-3 text-2xl",children:"\u26A0\uFE0F"}),(0,i.jsx)("p",{className:"text-sm text-muted-foreground mb-4",children:_}),f&&(0,i.jsxs)(h,{variant:"outline",size:"sm",onClick:f,children:[(0,i.jsx)(we.Loader2,{className:"mr-2 h-4 w-4"}),"Try Again"]})]})})}):(0,i.jsxs)("div",{className:s("w-full flex gap-2 flex-col h-full",Ye),children:[P&&(0,i.jsx)(te,{className:"shadow-sm border-0 py-0 text-xl font-bold",children:(0,i.jsx)(oe,{className:"p-2",children:P})}),Ee&&(0,i.jsx)(Ue,{fields:a,filters:g,globalFilter:q,onGlobalFilterChange:ke,fieldFilters:E,onFieldFilterChange:Je,sortField:L,sortDirection:Z,onSortChange:Ke,selectedCount:z.size,totalCount:e.length,visibleCount:b.length,onExport:qe?()=>y?.(b):void 0,onRefresh:f,loading:$,onClearFilters:Fe,onClearSorting:Qe}),(0,i.jsx)(te,{className:"border-0 overflow-auto shadow-none py-0 p-2 flex-1",children:(0,i.jsx)(oe,{className:"px-0",children:(0,i.jsxs)("div",{className:"relative",children:[$&&(0,i.jsx)("div",{className:"absolute inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center rounded-lg",children:(0,i.jsxs)("div",{className:"flex items-center gap-3 bg-background/90 px-4 py-3 rounded-lg shadow-sm",children:[(0,i.jsx)(we.Loader2,{className:"size-5 animate-spin text-primary"}),(0,i.jsx)("span",{className:"text-sm font-medium text-muted-foreground",children:"Loading..."})]})}),Re.length>0?(0,i.jsx)("div",{className:s(et),style:tt,children:Re.map((l,c)=>{let d=u.enabled?(Y-1)*A+c:c,S=z.has(d);return(0,i.jsxs)("div",{className:s("relative h-full w-full flex flex-col","transition-all duration-200 overflow-hidden","rounded-2xl","border border-border/20 hover:border-border/50",Se==="square"?"aspect-square":"",Se==="video"?"aspect-video":"",v?"cursor-pointer":"",S?"ring-2 ring-primary":""),onClick:()=>v&&ce(d),children:[v&&W==="multiple"&&(0,i.jsx)("div",{className:"absolute top-2 right-2 z-10",children:(0,i.jsx)($e,{checked:S,onCheckedChange:()=>ce(d),className:"bg-background/80 backdrop-blur-sm",onClick:N=>N.stopPropagation()})}),o(l,c,S,()=>ce(d))]},d)})}):(0,i.jsxs)("div",{className:"flex flex-col gap-4 items-center justify-center py-12 text-center",children:[(0,i.jsx)("div",{className:"text-6xl",children:V||"\u{1F4CB}"}),(0,i.jsx)("p",{className:"text-lg font-medium text-muted-foreground mb-2",children:O}),(q||Object.values(E).some(l=>l))&&(0,i.jsx)(h,{variant:"outline",onClick:Fe,children:"Clear Filters"})]})]})})}),u.enabled&&(0,i.jsx)("div",{className:"pb-1",children:(0,i.jsx)(We,{currentPage:Y,totalPages:Xe,pageSize:A,totalItems:b.length,onPageChange:ee,onPageSizeChange:l=>{He(l),ee(1)},config:u})}),B&&(0,i.jsx)("div",{className:"p-2 m-0.5",children:B}),U&&U(Be)]})}0&&(module.exports={DataTemplate});
+//# sourceMappingURL=data-template.cjs.map