cluedin-widget/demo/components/widget.jsx

This is the project for creating and managing widgets in CluedIn.

import React, { Component } from 'react';
import Widget from '../../core/components/generics/widget.jsx';
import DemoPage from './demo/DemoPage.jsx';
import DemoPanel from './demo/DemoPanel.jsx';
import DemoConfig from '../config';

let widgetDemoConfig = DemoConfig[ 'Widget' ];

export default class DemoWidget extends Component {
    render() {

        let content = widgetDemoConfig.useCases.map( function( usercase, index ) {
            return <div className="cluedIn_col s12" key={index}>
                <DemoPanel title={usercase.name} properties={JSON.stringify(usercase.parameters)}>
                    <Widget {...usercase.parameters}></Widget>
                </DemoPanel>
            </div>;
        } );

        return (<DemoPage title={widgetDemoConfig.name} purpose={widgetDemoConfig.purpose}>
            <div className="cluedIn_row">{content}</div>
        </DemoPage>);
    }
};