[Enterprise Search] Added reusable HiddenText component to Credentials

[JasonStoltz]

Summary

This PR introduces a new component, HiddenText, which allows you to toggle between real text values and an obfuscated version (with the * character) of that same text.

It uses a similar Render Props pattern to the EuiCopy component: https://elastic.github.io/eui/#/utilities/copy

Example:

<HiddenText text={token.key}>
  {({ hiddenText, isHidden, toggle }) => (
    <div>
      <span>{hiddenText}</span>
      <button onClick={toggle}>{isHidden ? 'Show' : 'Hide'}</button>
    </div>
  )}
</HiddenText>

This PR replaces the plain text credential key with this new HiddenText component.

It also factors out the key display into it's own component, Key, for easier testing and separation.

Checklist

Delete any items that are not applicable to this PR.

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Unit or functional tests were updated or added to match the most common scenarios
• Any UI touched in this PR is usable by keyboard only (learn more about keyboard accessibility)
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)
• This was checked for cross-browser compatibility

For maintainers

• This was checked for breaking API changes and was labeled appropriately

[cee-chen]

Test comments

[cee-chen]

some remaining super small nit comments, and that's it from me!

[JasonStoltz]

@constancecchen This is ready for a second look, ty.

[cee-chen]

🎉 Thanks for the speedy changes Jason!

Some super small comments, not at all blockers. Feel free to commit suggestions from github and merge after if that's easier

[JasonStoltz]

@constancecchen Thanks, updates made, let me know what you think.

[cee-chen]

Sweeet! FWIW approvals don't dismiss after code changes like ent-search does, so feel free to merge w/o waiting for me if you prefer 🎉

[JasonStoltz]

Oh rad I hadn't noticed.

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 3edef98

Metrics [docs]

@kbn/optimizer bundle module count

id	before	after	diff
enterpriseSearch	414	417	+3

async chunks size

id	before	after	diff
enterpriseSearch	639.5KB	642.5KB	+3.0KB

History

• 💚 Build #82546 succeeded b231e8c
• 💚 Build #80838 succeeded 1ad1078
• 💔 Build #80823 failed a5064f3

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream