This story is for building out components in the Core SDK that can be used to construct a resource summary/overview content page.

This story takes cues from the "DetailsItem" component in OCP Console.

For an example, refer to the designs For Workspace Details in the link below and Cluster Details (attachment): https://docs.google.com/document/d/1Sfi0bzZocbUArrx3pLyNsVWY_WPSCZDXRXOlx3ceo5w/edit#heading=h.3v1dlzyboooi 

This is the initial story for adding components with an initial set of abilities to display labels and properties of the resource. We will open subsequent stories to expand on this component to address additional use cases.

AC:

• Component with ability to display attributes that may be required on an overview/summary page for a resource.
  • Ability to display the attribute title and detail side by side (Workspace details) or in a stacked fashion (Cluster details) based on the provided prop
  • The component can display an attribute's details as text based on its path in the resource, or with a custom implementation provided by the consuming component.
  • Utility for displaying a list of labels in the details item component

Update to AC (09/13):

Based on discussion in refinement and the hac-infra workgroup sync - it appears that the DetailsItem component may not be required, since we can utilize PatternFly's DescriptionList component directly to construct details pages. As a result this story only delivers a LabelList utility component.

However, it would still be worthwhile to consider building a ResourceSummary component (possibly utilizing PF's DescriptionList) to create a template component for common resource properties so that resources can be represented in a consistent manner across applications. This will be addressed in a separate story (HAC-2193).

Resources:

Designs for Workspaces

https://docs.google.com/document/d/1Sfi0bzZocbUArrx3pLyNsVWY_WPSCZDXRXOlx3ceo5w/edit#heading=h.frj424vsg86w

OpenShift Console's ResourceSummary component: https://github.com/openshift/console/blob/master/frontend/public/components/utils/details-page.tsx#L51

OpenShift Console's DetailsPage component: https://github.com/openshift/console/blob/master/frontend/public/components/factory/details.tsx

Example usage: https://github.com/openshift/console/blob/master/frontend/public/components/pod.tsx#L879-L911

Core SDK Component Contribution Guidelines

https://docs.google.com/document/d/101CPH0kw9SE_wIfHcoSw2jMPm8V2hG-eZtavGF5UWmI/edit?usp=sharing