{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"data-grid-column-visibility","type":"registry:ui","title":"Data Grid Column Visibility","description":"","dependencies":["@tanstack/react-table"],"registryDependencies":["@neui/data-grid","dropdown-menu"],"files":[{"path":"data-grid-column-visibility.tsx","type":"registry:ui","content":"\"use client\"\n\"use no memo\"\n\nimport type { ReactElement } from \"react\"\nimport { getColumnHeaderLabel } from \"@/components/neui/data-grid/data-grid\"\nimport type { Table } from \"@tanstack/react-table\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\n\nfunction DataGridColumnVisibility<TData>({\n  table,\n  trigger,\n}: {\n  table: Table<TData>\n  trigger: ReactElement<Record<string, unknown>>\n}) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"min-w-[150px]\">\n        <DropdownMenuGroup>\n          <DropdownMenuLabel className=\"font-medium\">\n            Toggle Columns\n          </DropdownMenuLabel>\n          {table\n            .getAllColumns()\n            .filter((column) => column.getCanHide())\n            .map((column) => {\n              return (\n                <DropdownMenuCheckboxItem\n                  key={column.id}\n                  className=\"capitalize\"\n                  checked={column.getIsVisible()}\n                  onSelect={(event) => event.preventDefault()}\n                  onCheckedChange={(value) => column.toggleVisibility(!!value)}\n                >\n                  {getColumnHeaderLabel(column)}\n                </DropdownMenuCheckboxItem>\n              )\n            })}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nexport { DataGridColumnVisibility }","target":"components/neui/data-grid/data-grid-column-visibility.tsx"}]}