DataTable Column Hide

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 React from "react"
15 
16import {
17  TableColumnHideOptions,
18  TableColumnHideMenu,
19} from "../filters/table-column-hide"
20import { useColumnHeaderContext } from "./data-table-column-header"
21 
22/**
23 * Hide options for column header menu using context.
24 */
25export function DataTableColumnHideOptions<TData, TValue>(
26  props: Omit<React.ComponentProps<typeof TableColumnHideOptions>, "column">,
27) {
28  const { column } = useColumnHeaderContext<TData, TValue>(true)
29  return <TableColumnHideOptions column={column} {...props} />
30}
31 
32DataTableColumnHideOptions.displayName = "DataTableColumnHideOptions"
33 
34/**
35 * Standalone hide menu for column header using context.
36 */
37export function DataTableColumnHideMenu<TData, TValue>(
38  props: Omit<React.ComponentProps<typeof TableColumnHideMenu>, "column">,
39) {
40  const { column } = useColumnHeaderContext<TData, TValue>(true)
41  return <TableColumnHideMenu column={column} {...props} />
42}
43 
44DataTableColumnHideMenu.displayName = "DataTableColumnHideMenu"