[Home](./index.md) > [@datashaper/react](./react.md) ## react package ## Enumerations | Enumeration | Description | | --- | --- | | [DisplayOrder](./react.displayorder.md) | The vertical display ordering for workflow steps. | | [StatsColumnType](./react.statscolumntype.md) | Available column statistics to show in the Arquero Details List | ## Functions | Function | Description | | --- | --- | | [useDefaultCodebookStyles(heights)](./react.usedefaultcodebookstyles.md) | Generates the default codebook styles | | [useHeaderCommandBarDefaults(props, far, colors)](./react.useheadercommandbardefaults.md) | Helper to create the props necessary for the default inverted management bar. Basic colors can be customized, but note that if you do not want an always-inverted bar like that used in the DataShaper webapp, you may want to just tweak the Fluent styles as normal. | ## Interfaces | Interface | Description | | --- | --- | | [ArqueroDetailsListFeatures](./react.arquerodetailslistfeatures.md) | Feature flags and configuration for the Arquero Details List component | | [ArqueroDetailsListProps](./react.arquerodetailslistprops.md) | Props for the Arquero Details List component | | [ArqueroTableHeaderProps](./react.arquerotableheaderprops.md) | Props for the ArqueroTableHeader component | | [ArqueroTableHeaderStyles](./react.arquerotableheaderstyles.md) | | | [CodebookProps](./react.codebookprops.md) | Props for the CodebookEditor component | | [CodebookTableStyles](./react.codebooktablestyles.md) | | | [CommandBarColors](./react.commandbarcolors.md) | | | [FieldWellItem](./react.fieldwellitem.md) | Defines an available field well. This includes UX properties for how to visually represent it (title, icon, etc). This implementation is rendered with a dropdown, and is in many ways just a fancy stylized dropdown. | | [FieldWellProps](./react.fieldwellprops.md) | Props for the FieldWell component. | | [FieldWellStyles](./react.fieldwellstyles.md) | | | [StepListProps](./react.steplistprops.md) | | | [StepListStyles](./react.stepliststyles.md) | | | [TableCommandsProps](./react.tablecommandsprops.md) | | ## Variables | Variable | Description | | --- | --- | | [ArqueroDetailsList](./react.arquerodetailslist.md) | Renders an arquero table using a fluent DetailsList. | | [ArqueroTableHeader](./react.arquerotableheader.md) | Renders a header for an Arquero table | | [Codebook](./react.codebook.md) | | | [FieldWell](./react.fieldwell.md) | | | [StepList](./react.steplist.md) | | | [TableCommands](./react.tablecommands.md) | | ## Type Aliases | Type Alias | Description | | --- | --- | | [ColumnRenderFunction](./react.columnrenderfunction.md) | | | [ColumnSelectFunction](./react.columnselectfunction.md) | | | [DropdownOptionSelect](./react.dropdownoptionselect.md) | | | [GroupHeaderFunction](./react.groupheaderfunction.md) | | | [SaveMetadataFunction](./react.savemetadatafunction.md) | |