## API Report File for "@datashaper/react"

> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).

```ts

/// <reference types="react" />

import type ColumnTable from 'arquero/dist/types/table/column-table';
import type { CSSProperties } from 'react';
import type { Field } from '@datashaper/schema';
import type { IButtonStyles } from '@fluentui/react';
import type { ICheckboxStyleProps } from '@fluentui/react';
import type { ICheckboxStyles } from '@fluentui/react';
import type { IColumn } from '@fluentui/react';
import type { ICommandBarProps } from '@fluentui/react';
import type { IDetailsColumnProps } from '@fluentui/react';
import type { IDetailsGroupDividerProps } from '@fluentui/react';
import type { IDetailsListProps } from '@fluentui/react';
import type { IDropdownOption } from '@fluentui/react';
import type { IDropdownStyles } from '@fluentui/react';
import type { IIconStyles } from '@fluentui/react';
import type { ILabelStyleProps } from '@fluentui/react';
import type { ILabelStyles } from '@fluentui/react';
import type { IRenderFunction } from '@fluentui/react';
import type { ISelectableOption } from '@fluentui/react';
import type { IStyleFunctionOrObject } from '@fluentui/utilities';
import type { ITextFieldStyleProps } from '@fluentui/react';
import type { ITextFieldStyles } from '@fluentui/react';
import type { ReactNode } from 'react';
import type { SortDirection } from '@datashaper/schema';
import type { Step } from '@datashaper/workflow';
import type { TableMetadata } from '@datashaper/tables';
import type { ValidationResult } from '@datashaper/schema';
import type { Workflow } from '@datashaper/workflow';

// Warning: (ae-missing-release-tag) "ArqueroDetailsList" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const ArqueroDetailsList: React.FC<ArqueroDetailsListProps>;

// Warning: (ae-missing-release-tag) "ArqueroDetailsListFeatures" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export interface ArqueroDetailsListFeatures {
    commandBar?: IRenderFunction<IDetailsColumnProps>[];
    hideRowNumber?: boolean;
    histogramColumnHeaders?: boolean;
    lazyLoadGroups?: boolean;
    showBooleanSymbol?: boolean;
    showCategoricalBar?: boolean;
    showDateFormatted?: boolean;
    showDropdown?: boolean;
    showNumberMagnitude?: boolean;
    showSparkbar?: boolean;
    showSparkline?: boolean;
    smartCells?: boolean;
    smartHeaders?: boolean;
    statsColumnHeaders?: boolean;
    statsColumnTypes?: StatsColumnType[];
}

// Warning: (ae-missing-release-tag) "ArqueroDetailsListProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export interface ArqueroDetailsListProps extends Omit<IDetailsListProps, 'items'> {
    compactRowHeight?: number;
    defaultSortColumn?: string;
    defaultSortDirection?: SortDirection;
    // (undocumented)
    features?: ArqueroDetailsListFeatures;
    // (undocumented)
    fields?: Field[];
    fill?: boolean;
    isHeaderFixed?: boolean;
    // (undocumented)
    limit?: number;
    metadata?: TableMetadata;
    // (undocumented)
    offset?: number;
    onCellDropdownSelect?: DropdownOptionSelect;
    onColumnSelect?: ColumnSelectFunction;
    onRenderGroupHeader?: GroupHeaderFunction;
    resizable?: boolean;
    selectedColumn?: string;
    showColumnBorders?: boolean;
    // (undocumented)
    sortable?: boolean;
    striped?: boolean;
    style?: CSSProperties;
    // (undocumented)
    table: ColumnTable;
    // (undocumented)
    validationResult?: ValidationResult;
}

// Warning: (ae-missing-release-tag) "ArqueroTableHeader" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const ArqueroTableHeader: React.FC<ArqueroTableHeaderProps>;

// Warning: (ae-missing-release-tag) "ArqueroTableHeaderProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export interface ArqueroTableHeaderProps {
    background?: string;
    color?: string;
    commandBar?: ReactNode;
    farCommandBar?: ReactNode;
    name?: string;
    showColumnCount?: boolean;
    showRowCount?: boolean;
    styles?: ArqueroTableHeaderStyles;
    table: ColumnTable;
    visibleColumns?: string[];
}

// Warning: (ae-missing-release-tag) "ArqueroTableHeaderStyles" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface ArqueroTableHeaderStyles {
    // (undocumented)
    root?: CSSProperties;
}

// Warning: (ae-missing-release-tag) "Codebook" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const Codebook: React.FC<CodebookProps>;

// Warning: (ae-missing-release-tag) "CodebookProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export interface CodebookProps {
    // (undocumented)
    fields: Field[];
    // (undocumented)
    metadata?: TableMetadata;
    // (undocumented)
    onChangeFields: (fields: Field[]) => void;
    // (undocumented)
    styles?: CodebookTableStyles;
}

// Warning: (ae-forgotten-export) The symbol "CodebookStyles" needs to be exported by the entry point index.d.ts
// Warning: (ae-missing-release-tag) "CodebookTableStyles" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface CodebookTableStyles extends CodebookStyles {
    // (undocumented)
    labelWrapper?: React.CSSProperties;
    // (undocumented)
    tableWrapper?: React.CSSProperties;
}

// Warning: (ae-missing-release-tag) "ColumnRenderFunction" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export type ColumnRenderFunction = (item?: any, index?: number, column?: IColumn) => any;

// Warning: (ae-missing-release-tag) "ColumnSelectFunction" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export type ColumnSelectFunction = (evt?: React.MouseEvent<HTMLElement>, column?: IColumn | undefined) => void;

// Warning: (ae-missing-release-tag) "CommandBarColors" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface CommandBarColors {
    // (undocumented)
    background: string;
    // (undocumented)
    border: string;
    // (undocumented)
    checked: string;
    // (undocumented)
    color: string;
    // (undocumented)
    disabled: string;
    // (undocumented)
    hovered: string;
    // (undocumented)
    pressed: string;
}

// Warning: (ae-missing-release-tag) "DisplayOrder" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export enum DisplayOrder {
    FirstOnTop = "first-on-top",
    LastOnTop = "last-on-top"
}

// Warning: (ae-missing-release-tag) "DropdownOptionSelect" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export type DropdownOptionSelect = ((event: React.FormEvent<HTMLDivElement>, option?: IDropdownOption<any> | undefined, index?: number | undefined) => void) | undefined;

// Warning: (ae-missing-release-tag) "FieldWell" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const FieldWell: React.FC<FieldWellProps>;

// Warning: (ae-missing-release-tag) "FieldWellItem" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export interface FieldWellItem {
    disabled?: boolean;
    icon?: string;
    key: string;
    onChange?: (key: string) => void;
    onReset?: () => void;
    options?: ISelectableOption[];
    placeholder?: string;
    required?: boolean;
    selectedKey?: string;
    title: string;
}

// Warning: (ae-missing-release-tag) "FieldWellProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export interface FieldWellProps extends FieldWellItem {
    // (undocumented)
    styles?: FieldWellStyles;
}

// Warning: (ae-missing-release-tag) "FieldWellStyles" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface FieldWellStyles {
    // (undocumented)
    dropdown?: Partial<IDropdownStyles>;
    // (undocumented)
    icon?: Partial<IIconStyles>;
    // (undocumented)
    required?: CSSProperties;
    // (undocumented)
    root?: CSSProperties;
    // (undocumented)
    title?: CSSProperties;
    // (undocumented)
    well?: CSSProperties;
}

// Warning: (ae-missing-release-tag) "GroupHeaderFunction" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export type GroupHeaderFunction = (field?: Field, columnName?: string, props?: IDetailsGroupDividerProps | undefined) => any;

// Warning: (ae-missing-release-tag) "SaveMetadataFunction" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export type SaveMetadataFunction = (metadata: TableMetadata, table: ColumnTable) => void;

// Warning: (ae-missing-release-tag) "StatsColumnType" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export enum StatsColumnType {
    // (undocumented)
    Count = "count",
    // (undocumented)
    Distinct = "distinct",
    // (undocumented)
    Example = "example",
    // (undocumented)
    Invalid = "invalid",
    // (undocumented)
    Max = "maximum",
    // (undocumented)
    Mean = "mean",
    // (undocumented)
    Median = "median",
    // (undocumented)
    Min = "minimum",
    // (undocumented)
    Mode = "mode",
    // (undocumented)
    Stdev = "stdev",
    // (undocumented)
    Type = "type"
}

// Warning: (ae-missing-release-tag) "StepList" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const StepList: React.FC<StepListProps>;

// Warning: (ae-missing-release-tag) "StepListProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface StepListProps {
    onDelete?: (index: number) => void;
    onSave?: (step: Step, index?: number) => void;
    onSelect?: (name: string) => void;
    onSelectInputTable?: () => void;
    onSelectLatestTable?: () => void;
    order?: DisplayOrder;
    selectedKey?: string;
    styles?: StepListStyles;
    workflow: Workflow;
}

// Warning: (ae-missing-release-tag) "StepListStyles" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface StepListStyles {
    // (undocumented)
    buttonContainer?: CSSProperties;
    // (undocumented)
    root?: CSSProperties;
    // Warning: (ae-forgotten-export) The symbol "StepHeaderStyles" needs to be exported by the entry point index.d.ts
    //
    // (undocumented)
    stepHeaders?: StepHeaderStyles;
    // (undocumented)
    stepsContainer?: CSSProperties;
}

// Warning: (ae-missing-release-tag) "TableCommands" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TableCommands: React.FC<TableCommandsProps>;

// Warning: (ae-missing-release-tag) "TableCommandsProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface TableCommandsProps {
    // (undocumented)
    background?: string;
    // (undocumented)
    color?: string;
    // (undocumented)
    commandBarProps?: Partial<ICommandBarProps>;
    // (undocumented)
    metadata?: TableMetadata;
    // (undocumented)
    onAddStep?: (step: Step, output: string | undefined, index: number | undefined) => void;
    // (undocumented)
    onRemoveStep?: (index: number) => void;
    // (undocumented)
    selectedColumn?: string;
    // (undocumented)
    workflow: Workflow;
}

// Warning: (ae-forgotten-export) The symbol "FieldHeights" needs to be exported by the entry point index.d.ts
// Warning: (ae-missing-release-tag) "useDefaultCodebookStyles" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export function useDefaultCodebookStyles(heights?: FieldHeights): CodebookStyles;

// Warning: (ae-missing-release-tag) "useHeaderCommandBarDefaults" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export function useHeaderCommandBarDefaults(props?: Partial<ICommandBarProps>, far?: boolean, colors?: Partial<CommandBarColors>): ICommandBarProps;

// (No @packageDocumentation comment for this package)

```