import React from 'react';
import PropTypes from 'prop-types';
import {connect} from 'react-redux';

import {Editor3Component} from './Editor3Component';
import {MultipleHighlights} from './MultipleHighlights';
import * as actions from '../actions';
import {EditorState} from 'draft-js';

export class Editor3Base extends React.Component<any, any> {
    static propTypes: any;
    static defaultProps: any;

    render() {
        return (
            <MultipleHighlights {...this.props}>
                <Editor3Component />
            </MultipleHighlights>
        );
    }
}

Editor3Base.propTypes = Editor3Component.propTypes = {
    onChange: PropTypes.func,
};

const mapStateToProps = (state) => ({
    readOnly: state.readOnly,
    showToolbar: state.showToolbar,
    editorState: state.editorState,
    locked: state.locked,
    editorFormat: state.editorFormat,
    tabindex: state.tabindex,
    suggestingMode: state.suggestingMode,
    spellchecking: state.spellchecking,
    invisibles: state.invisibles,
    svc: state.svc,
    loading: state.loading,
    limitBehavior: state.limitConfig?.ui,
    limit: state.limitConfig?.chars,
});

const mapDispatchToProps = (dispatch) => ({
    onChange: (editorState: EditorState) => dispatch(actions.changeEditorState(editorState)),
    onTab: (e) => dispatch(actions.handleEditorTab(e)),
    dragDrop: (transfer, mediaType) => dispatch(actions.dragDrop(transfer, mediaType)),
    unlock: () => dispatch(actions.setLocked(false)),
    dispatch: (x) => dispatch(x),
    onCreateAddSuggestion: (chars) => dispatch(actions.createAddSuggestion(chars)),
    onCreateDeleteSuggestion: (action) => dispatch(actions.createDeleteSuggestion(action)),
    onPasteFromSuggestingMode: (content) => dispatch(actions.onPasteFromSuggestingMode(content)),
    onCreateSplitParagraphSuggestion: () => dispatch(actions.createSplitParagraphSuggestion()),
    onCreateChangeStyleSuggestion: (type, active) => dispatch(actions.createChangeStyleSuggestion(type, active)),
});

export const Editor3 = connect(mapStateToProps, mapDispatchToProps)(Editor3Base);