INTLY-1247: Add clipboard copy (#487)

* first pass at clipboardcopy

* add multiline variant and other details

* remove copyField and related files

* rev version and fix test

* fix failing tests after rm node-modules

package.json

@@ -1,6 +1,6 @@
 {
   "name": "integreatly-web-app",
-  "version": "2.12.0",
+  "version": "2.12.1",
   "private": true,
   "proxy": "http://localhost:5001/",
   "dependencies": {

src/components/asciiDocTemplate/asciiDocTemplate.js

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import Asciidoctor from 'asciidoctor.js';
 import { translate } from 'react-i18next';
-import CopyField from '../copyField/copyField';
+import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core';
 
 class AsciiDocTemplate extends React.Component {
   state = { loaded: false, docContent: null };
@@ -32,7 +32,12 @@ class AsciiDocTemplate extends React.Component {
     if (this.rootDiv.current) {
       const codeBlocks = this.rootDiv.current.querySelectorAll('pre');
       codeBlocks.forEach(block => {
-        ReactDOM.render(<CopyField value={block.innerText} multiline={block.clientHeight > 40} />, block.parentNode);
+        ReactDOM.render(
+          <ClipboardCopy isReadOnly variant={block.clientHeight > 40 ? ClipboardCopyVariant.expansion : null}>
+            {block.innerText}
+          </ClipboardCopy>,
+          block.parentNode
+        );
       });
     }
   }