## API Report File for "@data-wrangling-components/react"

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

```ts

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

import type { ColumnMetadata } from '@essex/arquero';
import type ColumnTable from 'arquero/dist/types/table/column-table';
import type { DropzoneOptions } from 'react-dropzone';
import { FileCollection } from '@data-wrangling-components/utilities';
import type { FileRejection } from 'react-dropzone';
import type { GraphManager } from '@data-wrangling-components/core';
import type { ICommandBarProps } from '@fluentui/react';
import type { IDetailsColumnProps } from '@fluentui/react';
import type { IDetailsGroupDividerProps } from '@fluentui/react';
import type { IModalProps } from '@fluentui/react';
import type { IRenderFunction } from '@fluentui/react';
import type { ReactElement } from 'react';
import type { SaveMetadataFunction } from '@essex/arquero-react';
import type { Step } from '@data-wrangling-components/core';
import type { TableContainer } from '@essex/arquero';
import type { TableMetadata } from '@essex/arquero';
import type { Theme } from '@thematic/core';
import type { Verb } from '@data-wrangling-components/core';
import type { Workflow } from '@data-wrangling-components/core';

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

// Warning: (ae-missing-release-tag) "CommandBarProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface CommandBarProps extends ICommandBarProps {
    // (undocumented)
    bgColor?: string;
    // (undocumented)
    color?: string;
    // (undocumented)
    height?: string;
}

// Warning: (ae-missing-release-tag) "createDefaultCommandBar" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export function createDefaultCommandBar({ styles, ...props }: ICommandBarProps): ReactElement<ICommandBarProps, any>;

// Warning: (ae-missing-release-tag) "createDefaultHeaderCommandBar" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export function createDefaultHeaderCommandBar({ styles, ...props }: ICommandBarProps, theme: Theme, far?: boolean): ReactElement<ICommandBarProps, any>;

// Warning: (ae-missing-release-tag) "createLazyLoadingGroupHeader" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export function createLazyLoadingGroupHeader(props: IDetailsGroupDividerProps | undefined, children: any, columnName?: string, columnMetadata?: ColumnMetadata | undefined): ReactElement<any, any> | null;

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

// Warning: (ae-missing-release-tag) "DropzoneProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface DropzoneProps {
    // (undocumented)
    acceptedFileTypes: string[];
    // (undocumented)
    disabled?: boolean;
    // (undocumented)
    dropzoneOptions?: Omit<DropzoneOptions, 'onDrop' | 'onDropRejected' | 'onDropAccepted'>;
    // (undocumented)
    onDrop?: (collection: FileCollection) => void;
    // (undocumented)
    onDropAccepted?: (collection: FileCollection) => void;
    // (undocumented)
    onDropRejected?: (message: string, files?: FileRejection[]) => void;
    // (undocumented)
    placeholder?: string;
    // (undocumented)
    showPlaceholder?: boolean;
    // Warning: (ae-forgotten-export) The symbol "DropzoneStyles" needs to be exported by the entry point index.d.ts
    //
    // (undocumented)
    styles?: DropzoneStyles;
}

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

// Warning: (ae-missing-release-tag) "GuidanceProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface GuidanceProps {
    // (undocumented)
    index: Record<string, string>;
    // (undocumented)
    name: string;
}

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

// Warning: (ae-missing-release-tag) "ManageWorkflowProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface ManageWorkflowProps extends Omit<Omit<TransformModalProps, 'graph'>, 'index'> {
    // (undocumented)
    inputs: TableContainer[];
    onSelect?: (name: string) => void;
    onUpdateOutput?: (output: TableContainer[]) => void;
    onUpdateWorkflow?: (workflow: Workflow) => void;
    workflow?: Workflow;
}

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

// Warning: (ae-missing-release-tag) "PrepareDataFullProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface PrepareDataFullProps {
    derived: TableContainer[];
    inputs: TableContainer[];
    onSelectedTableIdChanged: (value: string | undefined) => void;
    onUpdateOutput?: (tables: TableContainer[]) => void;
    onUpdateWorkflow?: (workflow: Workflow) => void;
    outputHeaderCommandBar?: IRenderFunction<IDetailsColumnProps>[];
    selectedTableId: string | undefined;
    stepsPosition?: 'bottom' | 'middle';
    workflow: Workflow;
}

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

// Warning: (ae-missing-release-tag) "PreviewTableProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface PreviewTableProps {
    // (undocumented)
    headerCommandBar?: IRenderFunction<IDetailsColumnProps>[];
    // (undocumented)
    metadata?: TableMetadata;
    // (undocumented)
    name?: string;
    // (undocumented)
    onChangeMetadata?: SaveMetadataFunction;
    // (undocumented)
    table?: ColumnTable;
}

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

// Warning: (ae-missing-release-tag) "ProjectMgmtCommandBarProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface ProjectMgmtCommandBarProps extends Omit<ICommandBarProps, 'items'> {
    onUpdateTables: (tables: TableContainer[]) => void;
    onUpdateWorkflow: (steps: Workflow) => void;
    outputTables: TableContainer[];
    tables: TableContainer[];
    workflow: Workflow;
}

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

// Warning: (ae-missing-release-tag) "StepCardProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface StepCardProps {
    // (undocumented)
    index: number;
    // (undocumented)
    onDelete?: (index: number) => void;
    // (undocumented)
    onDuplicate?: (step: Step) => void;
    // (undocumented)
    onEdit?: (step: Step, index: number) => void;
    // (undocumented)
    onSelect?: (name: string) => void;
    // (undocumented)
    output: string | undefined;
    // (undocumented)
    step: Step;
}

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

// Warning: (ae-missing-release-tag) "StepComponentProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface StepComponentProps {
    graph: GraphManager;
    index: number;
    inputColumnLabel?: string;
    inputTableLabel?: string;
    onChange: (step: Step, index: number) => void;
    onChangeOutput: (value: string | undefined) => void;
    output?: string;
    outputColumnLabel?: string;
    outputTableDisabled?: boolean;
    outputTableLabel?: string;
    step: Step;
}

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

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

// 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 {
    // (undocumented)
    buttonId?: string | undefined;
    // (undocumented)
    onDeleteClicked?: (index: number) => void;
    // (undocumented)
    onDuplicateClicked?: (step: Step) => void;
    // (undocumented)
    onEditClicked?: (step: Step, index: number) => void;
    // (undocumented)
    onSelect?: (name: string) => void;
    // (undocumented)
    onStartNewStep?: () => void;
    // (undocumented)
    outputs: Array<string | undefined>;
    // (undocumented)
    steps: Step[];
}

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

// Warning: (ae-missing-release-tag) "StepSelectorProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface StepSelectorProps {
    // (undocumented)
    onCreate?: (verb: Verb) => void;
    // (undocumented)
    placeholder?: string;
    // (undocumented)
    showButton?: boolean;
    // (undocumented)
    verb?: Verb;
}

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

// Warning: (ae-missing-release-tag) "TableListProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface TableListProps {
    // (undocumented)
    onSelect?: (name: string) => void;
    // (undocumented)
    selected?: string;
    // (undocumented)
    tables: TableContainer[];
}

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

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

// Warning: (ae-missing-release-tag) "TooltipProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export type TooltipProps = GuidanceProps;

// Warning: (ae-missing-release-tag) "TransformModalProps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export interface TransformModalProps extends IModalProps {
    graph: GraphManager;
    headerText?: string;
    hideInput?: boolean;
    hideOutput?: boolean;
    index: number;
    nextInputTable?: string;
    onTransformRequested?: (step: Step, output: string | undefined, index?: number) => void;
    step?: Step;
    table?: ColumnTable;
    // (undocumented)
    target?: string;
    verbs?: string[];
}

// Warning: (ae-missing-release-tag) "useDataTable" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export function useDataTable(id: string | undefined, graph?: GraphManager, existingTable?: ColumnTable): ColumnTable | undefined;

// Warning: (ae-missing-release-tag) "useGraphManager" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export function useGraphManager(workflow?: Workflow | undefined, inputs?: TableContainer[]): GraphManager;

// Warning: (ae-missing-release-tag) "useGraphSteps" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export function useGraphSteps(graph: GraphManager): Step[];

// Warning: (ae-missing-release-tag) "useGraphWorkflowState" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export function useGraphWorkflowState(graph: GraphManager): [Workflow | undefined, (workflow: Workflow | undefined) => void];

// Warning: (ae-missing-release-tag) "UseHandleFilesUpload" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export function UseHandleFilesUpload(acceptedFileTypes: string[], handleCollection?: (fileCollection: FileCollection) => void): () => void;

// Warning: (ae-missing-release-tag) "useHandleStepOutputChanged" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export function useHandleStepOutputChanged(graph: GraphManager): (step: Step, output: string | undefined) => void;

// Warning: (ae-missing-release-tag) "useHandleStepSave" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export function useHandleStepSave(graph: GraphManager): (step: Step, index: number | undefined) => Step;

// Warning: (ae-missing-release-tag) "useStepOutputs" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export function useStepOutputs(graph: GraphManager, defaultOutputName?: (index: number) => string): Array<string | undefined>;

// (No @packageDocumentation comment for this package)

```
