DataTable Column Sort

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  TableColumnSortOptions,
18  TableColumnSortMenu,
19} from "../filters/table-column-sort"
20import { useDataTable } from "../core/data-table-context"
21import { useColumnHeaderContext } from "./data-table-column-header"
22 
23/**
24 * Sorting options for column header menu using context.
25 */
26export function DataTableColumnSortOptions<TData, TValue>(
27  props: Omit<
28    React.ComponentProps<typeof TableColumnSortOptions>,
29    "column" | "table"
30  >,
31) {
32  const { column } = useColumnHeaderContext<TData, TValue>(true)
33  const { table } = useDataTable<TData>()
34  return <TableColumnSortOptions column={column} table={table} {...props} />
35}
36 
37DataTableColumnSortOptions.displayName = "DataTableColumnSortOptions"
38 
39/**
40 * Sorting menu for column header using context.
41 *
42 * Standalone button variant for inline use outside dropdown menus.
43 */
44export function DataTableColumnSortMenu<TData, TValue>(
45  props: Omit<
46    React.ComponentProps<typeof TableColumnSortMenu>,
47    "column" | "table"
48  >,
49) {
50  const { column } = useColumnHeaderContext<TData, TValue>(true)
51  const { table } = useDataTable<TData>()
52  return <TableColumnSortMenu column={column} table={table} {...props} />
53}
54 
55DataTableColumnSortMenu.displayName = "DataTableColumnSortMenu"