SimpleMultipleSequenceAlignmentProps

Defined in: packages/components/src/components/MultipleSequenceAlignment/types.ts:121

Extended by

• MultipleSequenceAlignmentProps

Properties

Property	Type	Default value	Description
msa	AlignedSequences	undefined	The alignment. All sequences must have the same length.
width?	number	650	Width in pixels.
height?	number	400	Maximum height in pixels; an alignment with few rows takes less.
options?	MSADrawOptions	undefined	Rendering options — see MSADrawOptions.
viewport?	Viewport	the top-left corner at cellSize pixels per cell	The visible window, in columns and rows.
onViewportChange?	(next) => void	undefined	Called with the next window on every pan/zoom.
selection?	MSASelection	nothing selected	Selected rows and columns.
onSelectionChange?	(next) => void	undefined	Called on every selection change: a drag or click on the alignment, labels or tracks; Escape.
rowOrder?	string[]	msa order	Display order of the rows, as row ids. Unknown ids are ignored and unlisted rows follow in msa order, so a tree’s leaf order can be passed as is.
onRowOrderChange?	(next) => void	undefined	Called with the new order when a label is dragged.
panelSizes?	MSAPanelSizes	150, 48 and 50 pixels	Sizes of the label column, tracks and minimap.
onPanelSizesChange?	(next) => void	undefined	Called while a panel divider is dragged.
onRenameRow?	(rowId, name) => void	undefined	Enables renaming a row (double-click its label, or the pencil on hover). The alignment isn’t edited: apply the rename to your data and pass it back.
onRemoveRows?	(rowIds) => void	undefined	Enables removing rows: the × on a hovered label, and Delete on selected rows. Never called with every row.
onRemoveColumns?	(columns) => void	undefined	Enables removing selected columns with Delete. Never called with every column.
onHoverChange?	(hover) => void	undefined	Called as the pointer moves over the alignment (null when it leaves).