TOC Plugin Container

[allyoucanmap]

Description

Currently the TOC interacts with different plugins and sometimes they are directly hardcoded in the component.
This could cause some configuration issues:
eg: #2759
The aim of this proposal is to improve the TOC by adding a way to add buttons and panels from other plugin.

here a first implementation:
4c6aa29

use case:
Style Editor Plugin

function TOCButtonComponent({ status, enabled, onToggle, ...props }) {
    return !enabled && status === 'LAYER'
    ? <Button {...props} onClick={() => onToggle()}>
        <Glyphicon glyph="dropper" />
    </Button>
    : null;
}

const TOCButton = connect(
    createSelector([ enabledSelector ], (enabled) => ({ enabled })),
    { onToggle: enablePluginAction }
)(TOCButtonComponent);

export default createPlugin('StyleEditor', {
    component: StyleEditorPlugin,
    containers: {
        TOC: {
            priority: 1,
            tool: TOCButton, // component connected to the state
            panel: true // shows the plugin near the TOC if true, false shows only the button
        }
    }
});

Other useful information (optional):

[allyoucanmap]

@tdipisa this has been solved in #9982 so it can be closed