cluedin-widget/core/components/entityRelated/EntityPropertyViewer.jsx

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

import React, { Component } from 'react'
import config from '../../../core/config'
import iso from '../../../iso'

const collectionHelper = iso.collection;
const currentType      = 'Person';

export default class PropertyViewer extends Component {

    render() {
        const { entity } = this.props;

        if ( !entity ) {
            return (<div></div>);
        }

        let managedProperties;
        let notManagedProperties;

        if ( entity.properties && entity.properties.length > 0 ) {
            managedProperties = entity.properties.filter( ( prop )=> {
                return (prop && !prop.important);
            } ).map( ( prop, index ) => {
                if ( prop.value ) {
                    return (<div key={index} className="cluedIn_propertyViewer_property">
                            <div className="cluedIn_propertyViewer_property_name">
                                {prop.displayName}
                            </div>
                            <div className="cluedIn_propertyViewer_property_value">
                                {prop.value}
                            </div>
                        </div>
                    );
                }
            } );
        }

        if ( entity.notManagerProperties && entity.notManagerProperties.length > 0 ) {
            notManagedProperties = entity.notManagerProperties.map( ( prop, index ) => {
                if ( prop.value ) {
                    return (<div key={index} className="cluedIn_propertyViewer_property">
                            <div className="cluedIn_propertyViewer_property_name">
                                {prop.displayName}
                            </div>
                            <div className="cluedIn_propertyViewer_property_value">
                                {prop.value}
                            </div>
                        </div>
                    );
                }
            } );
        }

        return (<div className="cluedIn_propertyViewer">{managedProperties}{notManagedProperties}</div>);
    }
}