index.tsx

import * as React from 'react';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';

import {Dataset, AccessionIdentifier} from 'model/dataset.model';
import {updateDatasetAccessionIdentifiers} from 'actions/dataset';
import ListOfAccesion from './ListOfAccesion';
import steps from '../../steps';
import NavigationWrapper from 'ui/common/stepper/NavigationWrapper';

interface IAccessionsListStep extends React.ClassAttributes<any> {
    dataset: Dataset;
    updateDatasetAccessionIdentifiers: (dataset: Dataset, accessionIdentifiers: AccessionIdentifier[]) => Promise<Dataset>;
    stillLoading: boolean;
    onDelete: () => void;
    onPublish: () => void;
    onGotoStep: (id: number) => () => void;
    location: any;
}

class AccessionsListStep extends React.Component<IAccessionsListStep, any> {

    public constructor(props: any) {
        super(props);
    }

    protected updateAccessionIdentifiers = (accessionIdentifiers: AccessionIdentifier[]) => {
        const {dataset, updateDatasetAccessionIdentifiers} = this.props;
        updateDatasetAccessionIdentifiers(dataset, accessionIdentifiers);
    }

    protected gotoStep = (id) => () => {
        this.props.onGotoStep(id);
    }

    public render() {
        const {dataset, stillLoading, onDelete, onPublish, location} = this.props;

        return (
            <NavigationWrapper location={ location } stillLoading={ stillLoading } disabledNext={ false }
                disabled={ false } steps={ steps }
                gotoStep={ this.gotoStep } onDelete={ onDelete } onPublish={ onPublish }>
                <ListOfAccesion
                    accessionIdentifiers={ dataset.accessionIdentifiers }
                    onAccessionsUpdated={ this.updateAccessionIdentifiers }
                />
            </NavigationWrapper>
        );
    }
}

const mapStateToProps = (state, ownProps) => ({
    dataset: state.datasets.currentDataset,
    stillLoading: ownProps.stillLoading,
    location: ownProps.location,
    onDelete: ownProps.onDelete,
    onPublish: ownProps.onPublish,
    onGotoStep: ownProps.onGotoStep,
});

const mapDispatchToProps = (dispatch) => bindActionCreators({
    updateDatasetAccessionIdentifiers,
}, dispatch);

export default connect(
    mapStateToProps, mapDispatchToProps,
)(AccessionsListStep);