Class MutableTable

packages/table-dev-app/src/mutableTable.tsx:309–1198

// eslint-disable-next-line @typescript-eslint/ban-types
export class MutableTable extends React.Component<{}, IMutableTableState> {
    private store = new DenseGridMutableStore<any>();

    private tableInstance: Table;
    private stateStore: LocalStore<IMutableTableState>;

    private refHandlers = {
        table: (ref: Table) => (this.tableInstance = ref),
    };

    public constructor(props: any, context?: any) {
        super(props, context);
        this.stateStore = new LocalStore<IMutableTableState>("BP_TABLE_MUTABLE_TABLE_DEV_PREVIEW", true);
        this.state = this.stateStore.getWithDefaults(DEFAULT_STATE);
    }

    // React Lifecycle
    // ===============

    public render() {
        const layoutBoundary = this.state.enableLayoutBoundary;
        return (
            <div className="container">
                <SlowLayoutStack
                    depth={SLOW_LAYOUT_STACK_DEPTH}
                    enabled={this.state.enableSlowLayout}
                    rootClassName={classNames("table", { "is-inline": this.state.showInline })}
                    branchClassName={"layout-passthrough-fill"}
                >
                    <div className={layoutBoundary ? "layout-boundary" : "layout-passthrough-fill"}>
                        {this.renderTable()}
                    </div>
                </SlowLayoutStack>
                {this.renderSidebar()}
            </div>
        );
    }

    public componentWillMount() {
        this.resetCellContent();
    }

    public componentDidMount() {
        this.syncFocusStyle();
    }

    // eslint-disable-next-line @typescript-eslint/ban-types
    public componentWillUpdate(_nextProps: {}, nextState: IMutableTableState) {
        if (
            nextState.cellContent !== this.state.cellContent ||
            nextState.numRows !== this.state.numRows ||
            nextState.numCols !== this.state.numCols
        ) {
            this.resetCellContent(nextState);
        }
    }

    public componentDidUpdate() {