feat(ClipboardCopy): Convert clipboard copy to typescript

[jessiehuff]

Fixes #2130

[patternfly-build]

PatternFly-React preview: https://2131-pr-patternfly-react-patternfly.surge.sh

[codecov-io]

Codecov Report

❗ No coverage uploaded for pull request base (master@a5d571e). Click here to learn what that means.
The diff coverage is 74.46%.

@@            Coverage Diff            @@
##             master    #2131   +/-   ##
=========================================
  Coverage          ?   80.54%           
=========================================
  Files             ?      666           
  Lines             ?     8470           
  Branches          ?      729           
=========================================
  Hits              ?     6822           
  Misses            ?     1281           
  Partials          ?      367

Flag	Coverage Δ
#patternfly3	85.23% <ø> (?)
#patternfly4	76.09% <74.46%> (?)
#patternflymisc	95.79% <ø> (?)

Impacted Files	Coverage Δ
...c/components/ClipboardCopy/ClipboardCopyButton.tsx	66.66% <66.66%> (ø)
...components/ClipboardCopy/ClipboardCopyExpanded.tsx	75% <75%> (ø)
...c/components/ClipboardCopy/ClipboardCopyToggle.tsx	84.61% <84.61%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a5d571e...1b34124. Read the comment docs.

[redallen]

Thank you! 🎖️

[redallen]

Good catch!

[tlabaj]

I thought we decided to just have the union of the values here and not the "Typeof"

[jessiehuff]

I believe that we need the typeof for the older consumers using the enum.

[tlabaj]

I think we should add more verification steps here. We dod not verify that the copy actually works and I think we need to.

[jessiehuff]

Do you know of a good way to test the copy paste feature? I tried this:

it('Verify copy to clipboard works', () => {
    const form = cy.get('.pf-c-form-control');
    form.clear().type('Hi'); 
    cy.get('.pf-c-clipboard-copy__group-copy').click(); 
    cy.get('.pf-c-form-control').clear().type('{cmd}v');
    form.should('have.value', 'Hi'); 
  });

But it always ends up typing "v" instead of doing a paste. I've been looking into it, but I'm not sure what the solution would be: cypress-io/cypress#3316

[patternfly-build]

PatternFly-React preview: https://patternfly-react-pr-2131.surge.sh

[tlabaj]

LGTM