DataTable Column Pin

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