PF4 Tooltip: add support for right-aligned content

[jenny-s51]

This is a follow-up to #3013.

Why only support a left aligned option? What if designers want to support right-aligned content, next?

Even if we don't support right-aligned content for now, something more like this would scale better in the future.

contentPosition?: 'bottom' | 'center' | 'right';

Then we could create an enum

export enum TooltipContentPosition {
  bottom = 'bottom',
  center = 'center',
  right = 'right'
}

Looks like we already take this approach for the position property.

Originally posted by @dlabrecq in #3053

[tlabaj]

@mcarrano @mcoker can you please provide feedback here.

[mcarrano]

@jenny-s51 Can you give me an example of where you would want right-aligned content in a tooltip?

[dlabrecq]

@mcarrano This issue was created in regard to my review comments in #3053, where we added a new isContentLeftAligned property.

For the React modal component, we have both isSmall and isLarge properties. This looks very odd in my code because the modal cannot be both, obviously.

My comments were intended to avoid the scenario where the tooltip ends up with both isContentLeftAligned and isContentRightAligned properties. My suggestion was to follow the existing position prop, which is more scalable, and add something more like contentPosition?: 'bottom' | 'center' | 'right';

The ask for Cost management is that multi-line chart tooltips not be centered. We're going to make them left-aligned.

[mcarrano]

Yes, one could right-align the tooltip text, but it does not seem like a good solution from a readability standpoint IMO.

[dlabrecq]

We can probably close the issue