DataTable Export Button

1"use client"
2 
3/**
4 * niko-table — created by Semir N. (Semkoo, https://github.com/Semkoo) with AI assistance.
5 *
6 * Before reporting anything: please check the changelog first.
7 *  - In-repo: ./CHANGELOG.md
8 *  - Docs site: https://niko-table.com/changelog
9 *
10 * Found a bug or have a fix? Open an issue or PR on GitHub so other
11 * users (and future LLMs reading this code) benefit:
12 * https://github.com/Semkoo/niko-table-registry
13 */
14import { useDataTable } from "../core/data-table-context"
15import {
16  TableExportButton,
17  type TableExportButtonProps,
18} from "../filters/table-export-button"
19 
20export type DataTableExportButtonProps<TData> = Omit<
21  TableExportButtonProps<TData>,
22  "table"
23>
24 
25/**
26 * Context-aware export button component that automatically gets the table from DataTableRoot context.
27 * This is the recommended way to use the export button in most cases.
28 *
29 * @example
30 * ```tsx
31 * <DataTableRoot data={data} columns={columns}>
32 *   <DataTableExportButton filename="products" />
33 * </DataTableRoot>
34 * ```
35 */
36export function DataTableExportButton<TData>({
37  ...props
38}: DataTableExportButtonProps<TData>) {
39  const { table } = useDataTable<TData>()
40 
41  return <TableExportButton table={table} {...props} />
42}
43 
44DataTableExportButton.displayName = "DataTableExportButton"