Charlie Tran 843a6c5bbb
feat(frontend): update datahub-web client UI code (#1806)
* Releases updated version of datahub-web client UI code

* Fix typo in yarn lock

* Change yarn lock to match yarn registry directories

* Previous commit missed some paths

* Even more changes to yarnlock missing in previous commit

* Include codegen file for typings

* Add files to get parity for datahub-web and current OS datahub-midtier

* Add in typo fix from previous commit - change to proper license

* Implement proper OS fix for person entity picture url

* Workarounds for open source DH issues

* Fixes institutional memory api and removes unopensourced tabs for datasets

* Fixes search dataset deprecation and user search issue as a result of changes

* Remove internal only options in the avatar menu
2020-08-26 15:44:50 -07:00

55 lines
1.6 KiB
TypeScript

import Component from '@glimmer/component';
import { IDynamicComponent } from '@datahub/shared/types/dynamic-component';
import { get } from '@ember/object';
import { IEntityDiscriminator } from '@datahub/data-models/types/entity/rendering/page-components';
/**
* Arguments for this component
*/
interface IEntityPageContentEntityDiscriminatorArgs<T> {
// options for this component
options: IEntityDiscriminator<T>['options'];
// urn of dataset to extract platform
entity: T;
}
/**
* This component will render a component based on the value of a property in an entity.
*
* for example:
*
* entity1 = {
* type: 'GRAPHQL'
* };
*
* entity2 = {
* type = 'PEGASUS'
* };
*
* {
* discriminator: {
* GRAPHQL: ifGraphQLRenderThisComponent
* },
* default: forOtherCasesLikePEGASUSRenderThisComponent,
* propertyName: 'type'
* }
*
*/
export default class EntityPageContentEntityDiscriminator<T> extends Component<
IEntityPageContentEntityDiscriminatorArgs<T>
> {
/**
* Selected component base on the value of a property. If the value is undefined or not mapped,
* we will use default.
*
* @readonly
*/
get component(): IDynamicComponent {
const { entity, options } = this.args;
const { discriminator, default: defaultComponent, propertyName } = options;
const propertyValue = (get(entity, propertyName) as unknown) as Extract<T[keyof T], string>;
const discriminatedComponent: IDynamicComponent | undefined = propertyValue && discriminator[propertyValue];
return discriminatedComponent || defaultComponent;
}
}