@procore/core-react/dist/Table/Table.d.ts

React library of Procore Design Guidelines

import React from 'react';
import type { CheckboxProps } from '../Checkbox';
import type { BodyCellProps, BodyProps, BodyRowProps, CaratProps, ContainerProps, CurrencyCellProps, DateSelectCellProps, GroupProps, GroupTitleProps, HeaderProps, HeaderRowProps, IconCellProps, InputCellProps, LinkCellProps, PercentCellProps, TableHeaderCellProps, TableProps, TableSelectCellProps, TableTextCellProps, TextAreaCellProps } from './Table.types';
export declare const Table_: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableElement> & TableProps & React.RefAttributes<HTMLTableElement>>;
export declare const Carat: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & CaratProps & React.RefAttributes<HTMLButtonElement>>;
export declare const Container: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ContainerProps & React.RefAttributes<HTMLDivElement>>;
export declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & HeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
export declare const HeaderRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & HeaderRowProps & React.RefAttributes<HTMLTableRowElement>>;
export declare const HeaderCell: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & TableHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
export declare const Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & BodyProps & React.RefAttributes<HTMLTableSectionElement>>;
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
export declare const GroupTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & GroupTitleProps & React.RefAttributes<HTMLSpanElement>>;
export declare const Group: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & GroupProps & React.RefAttributes<HTMLTableRowElement>>;
export declare const BodyRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & BodyRowProps & React.RefAttributes<HTMLTableRowElement>>;
export declare const BodyCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & BodyCellProps & React.RefAttributes<HTMLTableCellElement>>;
export declare const CurrencyCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CurrencyCellProps & React.RefAttributes<HTMLDivElement>>;
export declare const DateSelectCell: React.ForwardRefExoticComponent<DateSelectCellProps & {
    children?: React.ReactNode;
} & React.RefAttributes<HTMLDivElement>>;
export declare const IconCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & IconCellProps & React.RefAttributes<HTMLDivElement>>;
export declare const InputCell: React.ForwardRefExoticComponent<InputCellProps & React.RefAttributes<HTMLInputElement>>;
export declare const LinkCell: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & LinkCellProps & React.RefAttributes<HTMLDivElement>>;
export declare const PercentCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & PercentCellProps & React.RefAttributes<HTMLDivElement>>;
export declare const SelectCell: React.ForwardRefExoticComponent<TableSelectCellProps & React.RefAttributes<HTMLDivElement>>;
export declare const TextAreaCell: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & TextAreaCellProps & React.RefAttributes<HTMLTextAreaElement>>;
export declare const TextCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & TableTextCellProps & React.RefAttributes<HTMLDivElement>>;
/**

 @since 10.19.0

 @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-table--demo)

 */
export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableElement> & TableProps & React.RefAttributes<HTMLTableElement>> & {
    Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & BodyProps & React.RefAttributes<HTMLTableSectionElement>>;
    BodyCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & BodyCellProps & React.RefAttributes<HTMLTableCellElement>>;
    BodyRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & BodyRowProps & React.RefAttributes<HTMLTableRowElement>>;
    Carat: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & CaratProps & React.RefAttributes<HTMLButtonElement>>;
    Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
    Container: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ContainerProps & React.RefAttributes<HTMLDivElement>>;
    CurrencyCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CurrencyCellProps & React.RefAttributes<HTMLDivElement>>;
    DateSelectCell: React.ForwardRefExoticComponent<DateSelectCellProps & {
        children?: React.ReactNode;
    } & React.RefAttributes<HTMLDivElement>>;
    Group: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & GroupProps & React.RefAttributes<HTMLTableRowElement>>;
    GroupTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & GroupTitleProps & React.RefAttributes<HTMLSpanElement>>;
    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & HeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
    HeaderCell: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & TableHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
    HeaderRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & HeaderRowProps & React.RefAttributes<HTMLTableRowElement>>;
    IconCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & IconCellProps & React.RefAttributes<HTMLDivElement>>;
    InputCell: React.ForwardRefExoticComponent<InputCellProps & React.RefAttributes<HTMLInputElement>>;
    LinkCell: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & LinkCellProps & React.RefAttributes<HTMLDivElement>>;
    PercentCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & PercentCellProps & React.RefAttributes<HTMLDivElement>>;
    SelectCell: React.ForwardRefExoticComponent<TableSelectCellProps & React.RefAttributes<HTMLDivElement>>;
    TextAreaCell: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & TextAreaCellProps & React.RefAttributes<HTMLTextAreaElement>>;
    TextCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & TableTextCellProps & React.RefAttributes<HTMLDivElement>>;
};