Class CellFactory

components/dash-table/src/dash-table/components/CellFactory.tsx:26–265

import Markdown from 'dash-table/utils/Markdown';

export default class CellFactory {
    private get props() {
        return this.propsFn();
    }

    constructor(
        private readonly propsFn: () => ICellFactoryProps,
        private readonly cellContents = derivedCellContents(propsFn),
        private readonly cellDropdowns = derivedDropdowns(),
        private readonly cellOperations = derivedCellOperations(),
        private readonly dataPartialStyles = derivedPartialDataStyles(),
        private readonly dataStyles = derivedDataStyles(),
        private readonly dataOpStyles = derivedDataOpStyles(),
        private readonly cellWrappers = derivedCellWrappers(propsFn),
        private readonly relevantStyles = derivedRelevantCellStyles()
    ) {}

    private getMarkdown = memoizeOne(
        (options: IMarkdownOptions) => new Markdown(options)
    );

    public createCells(
        dataEdges: IEdgesMatrices | undefined,
        dataOpEdges: IEdgesMatrices | undefined
    ) {
        const {
            active_cell,
            applyFocus,
            dropdown_conditional,
            dropdown,
            data,
            dropdown_data,
            id,
            is_focused,
            loading_state,
            markdown_options,
            row_deletable,
            row_selectable,
            selected_cells,
            selected_rows,
            setProps,
            style_cell,
            style_cell_conditional,
            style_data,
            style_data_conditional,
            virtualized,
            visibleColumns
        } = this.props;

        const relevantStyles = this.relevantStyles(
            style_cell,
            style_data,
            style_cell_conditional,
            style_data_conditional
        );

        const partialCellStyles = this.dataPartialStyles(
            visibleColumns,