/*
 * Copyright 2007-2017 Charles du Jeu - Abstrium SAS <team (at) pyd.io>
 * This file is part of Pydio.
 *
 * Pydio is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Pydio is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Pydio.  If not, see <http://www.gnu.org/licenses/>.
 *
 * The latest code can be found at <https://pydio.com>.
 */

import React from 'react';
import { connect } from 'react-redux';
import SelectionModel from './model';
import { EditorActions, getDisplayName } from '../utils';
import { mapStateToProps } from './utils';

const withSelection = (getSelection) => {
    return (Component) => {
        class WithSelection extends React.Component {
            constructor(props) {
                super(props)

                const {node, tab, dispatch} = this.props
                const {id} = tab || {}

                if (typeof dispatch === 'function') {
                    // We have a redux dispatch so we use it
                    this.setState = (data) => dispatch(EditorActions.tabModify({id, ...data}))
                }
            }

            static get displayName() {
                return `WithSelection(${getDisplayName(Component)})`
            }

            static get propTypes() {
                return {
                    node: React.PropTypes.instanceOf(AjxpNode).isRequired
                }
            }

            componentDidMount() {
                const {tab, node, tabModify} = this.props
                const {id} = tab

                getSelection(node).then(({selection, currentIndex}) => this.setState({id, selection: new SelectionModel(selection, currentIndex)}))
            }

            onRequestSelectionPlay(index = undefined, playStatus = undefined){
                const {tab, dispatch} = this.props;
                const {id, selection} = tab
                let node;
                if (index === undefined){
                    node = selection.nextOrFirst();
                } else {
                    node = selection.byIndex(index);
                }
                this.setState({
                    id,
                    node: node,
                    title: selection.current().getLabel()
                });
                if(playStatus !== undefined && dispatch){
                    dispatch(EditorActions.tabModify({id: id, playing: playStatus}));
                }
            }

            render() {

                const {tab, dispatch, ...remainingProps} = this.props
                const {id, selection, playing} = tab

                if (!selection) {
                    return (
                        <Component
                            {...remainingProps}
                        />
                    )
                }

                return (
                    <Component
                        {...remainingProps}
                        node={selection.current()}
                        selection={selection}
                        selectionPlaying={playing}
                        onRequestSelectionPlay={(e, i, p)=>{this.onRequestSelectionPlay(i, p)}}
                    />
                )
            }
        }

        return connect(mapStateToProps)(WithSelection)
    }
}

export default withSelection