Convert EuiText, EuiTextColor and EuiTextAlign to TS

[pugnascotia]

Summary

Convert EuiText, EuiTextColor and EuiTextAlign to TypeScript.

Checklist

• This was checked in mobile
• This was checked in IE11
• This was checked in dark mode
• Any props added have proper autodocs
• Documentation examples were added
• A changelog entry exists and is marked appropriately
• This was checked for breaking changes and labeled appropriately
• Jest tests were updated or added to match the most common scenarios
• This was checked against keyboard-only and screenreader scenarios
• This required updates to Framer X components

[chandlerprall]

TS certainly doesn't make it easy to track down some error's root locations!

The issue is EuiSelectableMessageProps has HTMLAttributes<HTMLDivElement>, and then spreading rest onto EuiText. The color prop is sneaking through and, if present in rest, overrides color="subdued". You can either omit color from HTMLAttributes<HTMLDivElement> or apply the color prop after rest:

<EuiText size="xs" className={classes} {...rest} color="subdued">

This is an irk of mine where the React API works opposite of how we talk about props:

"EuiText takes the important things like size, color, and className, and then any extra props we don't care about"

whereas the API gives a higher priority to props that appear later, which matches how JS objects work:

{a:1, a:2} // {a:2}

It is more correct to place the rest spread at the beginning of the props in most cases because of this, but that is non-unintuitive and rarely matters.

[pugnascotia]

@chandlerprall thanks for the tip, this is ready to review now.

[chandlerprall]

This file should only export the components (match the same export signature as the removed index.js and index.d.ts, both of which only export the components). The other values shouldn't be used/usable outside of EUI, and internally other components an require them directly from their source files.

[pugnascotia]

@chandlerprall I've changed the index to only export the components.

[chandlerprall]

Changes LGTM!

[chandlerprall]

jenkins test this