Home

Migration towards the Egeria UI Platform

TODO:

• migrate happi-graph component to React
• create egeria-ui-components and egeria-ui-core repositories
• egeria-ui-core
  • implement UI Skeleton
    • implement breadcrumbs
  • implement routing
  • user profile
  • user roles
  • user authentication
• egeria-ui-components
  • extract and implement glossary component
  • extract, implement and refactor REX component
  • extract, implement and refactor TEX component
  • extract, implement and refactor happi-graph component
  • extract, implement and refactor Asset Lineage
  • extract, implement and refactor Asset Catalog
  • extract, implement and refactor Asset Details

egeria-ui-components

Following the migration, extracted components should implement default functionality and provide a JavaScript API so that they can be controlled and used from different context on where they are implemented.

Sample usage of a component

import { RexComponent } from 'egeria-ui-components';
import { CustomFilters } from '../filters'; // custom filters implemented in egeria-ui or egeria-react-ui instance

class EgeriaUI extends React.Component<Props, State> {
  constructor(props: Props) {
    super(props);

    this.state = {
      data: []
    };
  }

  action1() {
    console.log('injected action into the <RexComponent/>');
  }

  render() {
    return (<>
      <RexComponent data={data}
                    action1={() => this.action1()}
                    filters={CustomFilters}/>
    </>);
  }
}