eslint index/demo.jsxs and consistent naming

/* globals window */

import React, {Component} from 'react';

import AttributeEditor from './index';

export {default} from './AttributeEditor';

export {default, AttributeTypes} from './AttributeItem';

 No newline at end of file

export {default, AttributeTypes} from './AttributeItem';

/* globals alert */

import React, {Component} from 'react';

import Button from '@material-ui/core/Button';

    };

    render() {

        const {openDialog} = this.state;

        return (

            <div>

                <Button

                    onClick={this.openDialog}

                    color="primary"

                >

                    Show Dialog

                    {'Show Dialog'}

                </Button>

                {this.state.openDialog ? (

                {openDialog ? (

                    <ConfirmDialog

                        title="A simple Yes/No or OK/Cancel Dialog"

                        message="Note that whenever this dialog is present it will be displayed. Therefore you