diff --git a/packages/ctablex-table/index.d.ts b/packages/ctablex-table/index.d.ts index 559a71b..c3bc8fc 100644 --- a/packages/ctablex-table/index.d.ts +++ b/packages/ctablex-table/index.d.ts @@ -10,6 +10,14 @@ import { NullableContentProps } from '@ctablex/core'; import { ReactElement } from 'react'; import { ReactNode } from 'react'; +export declare function Cell(props: CellProps): JSX_2.Element; + +export declare interface CellProps { + accessor?: Accessor; + children?: ReactNode; + el?: ReactElement; +} + export declare function Column(props: ColumnProps): JSX_2.Element; export declare interface ColumnProps { @@ -46,6 +54,15 @@ export { DefaultContent }; export declare const defaultTableElements: TableElements; +export declare function HeaderCell( + props: HeaderCellProps, +): ReactElement>; + +export declare interface HeaderCellProps { + children?: ReactNode; + el?: ReactElement; +} + export { NullableContent }; export { NullableContentProps }; diff --git a/packages/ctablex-table/src/index.ts b/packages/ctablex-table/src/index.ts index 03954c0..0f97110 100644 --- a/packages/ctablex-table/src/index.ts +++ b/packages/ctablex-table/src/index.ts @@ -22,6 +22,12 @@ export type { RowsProps } from './table/rows'; export { Column } from './columns/column'; export type { ColumnProps } from './columns/column'; +export { Cell } from './table/cell'; +export type { CellProps } from './table/cell'; + +export { HeaderCell } from './table/header-cell'; +export type { HeaderCellProps } from './table/header-cell'; + export { Columns } from './columns/columns'; export type { ColumnsProps } from './columns/columns'; diff --git a/packages/ctablex-table/src/table/header-cell.tsx b/packages/ctablex-table/src/table/header-cell.tsx index a341776..5ce79ad 100644 --- a/packages/ctablex-table/src/table/header-cell.tsx +++ b/packages/ctablex-table/src/table/header-cell.tsx @@ -2,11 +2,11 @@ import { ReactElement, ReactNode } from 'react'; import { useTableElements } from '../elements/table-elements-context'; import { addProps } from '../utils/add-props'; -export interface CellProps { +export interface HeaderCellProps { children?: ReactNode; el?: ReactElement; } -export function HeaderCell(props: CellProps) { +export function HeaderCell(props: HeaderCellProps) { const contextEl = useTableElements(); const { children } = props; return addProps(props.el ?? contextEl.th, { children });