Class Table

components/dash-table/src/dash-table/components/Table/index.tsx:31–173

import shouldComponentUpdate from './shouldComponentUpdate';

export default class Table extends Component<
    SanitizedAndDerivedProps,
    StandaloneState
> {
    constructor(props: SanitizedAndDerivedProps) {
        super(props);

        this.state = {
            workFilter: {
                value: props.filter_query,
                map: this.filterMap(
                    new Map<string, SingleColumnSyntaxTree>(),
                    props.filter_action.operator,
                    props.filter_query,
                    props.visibleColumns
                )
            },
            rawFilterQuery: '',
            scrollbarWidth: 0
        };
    }

    UNSAFE_componentWillReceiveProps(nextProps: SanitizedAndDerivedProps) {
        this.setState(state => {
            const {
                applyFocus: currentApplyFocus,
                workFilter: {map: currentMap, value}
            } = state;

            const nextState: Partial<StandaloneState> = {};

            // state for filter
            if (nextProps.filter_query !== this.props.filter_query) {
                if (value !== nextProps.filter_query) {
                    const map = this.filterMap(
                        currentMap,
                        nextProps.filter_action.operator,
                        nextProps.filter_query,
                        nextProps.visibleColumns
                    );

                    if (map !== currentMap) {
                        nextState.workFilter = {map, value};
                    }
                }
            }

            // state for applying focus
            if (nextProps.active_cell !== this.props.active_cell) {
                nextState.applyFocus = true;
            } else if (nextProps.loading_state !== this.props.loading_state) {
                const activeElement = document.activeElement as HTMLElement;
                const tdElement = DOM.getFirstParentOfType(activeElement, 'td');
                const tableElement = DOM.getParentById(
                    tdElement,
                    this.props.id
                );