core-resource-app-test/build/d2-ui/28.0.2/src/list-select/ListSelectAsync.component.js

App that contains assets and scripts for the core apps

import React from 'react';
import { Observable } from 'rxjs';
import log from 'loglevel';
import ListSelect from './ListSelect.component';

const ListSelectAsync = React.createClass({
    propTypes: {
        source: React.PropTypes.instanceOf(Observable),
        onItemDoubleClick: React.PropTypes.func.isRequired,
        listStyle: React.PropTypes.object,
    },

    getInitialState() {
        return {
            listSource: [],
        };
    },

    componentWillMount() {
        if (!this.props.source) {
            return;
        }

        this.subscription = this.props.source
            .subscribe(
                listValues => this.setState({ listSource: listValues }),
                error => log.error(error),
            );
    },

    componentWillUnmount() {
        this.subscription && this.subscription.unsubscribe();
    },

    render() {
        return (
            <ListSelect
                {...this.props}
                onItemDoubleClick={this.props.onItemDoubleClick}
                source={this.state.listSource}
                listStyle={this.props.listStyle}
            />
        );
    },
});

export default ListSelectAsync;