chore: sync with verdaccio master

src/webui/components/CopyToClipBoard/index.js

@@ -0,0 +1,41 @@
+/**
+ * @prettier
+ * @flow
+ */
+
+import React from 'react';
+import FileCopy from '@material-ui/icons/FileCopy';
+import Tooltip from '@material-ui/core/Tooltip/index';
+
+import type { Node } from 'react';
+import { IProps } from './types';
+
+import { ClipBoardCopy, ClipBoardCopyText, CopyIcon } from './styles';
+import { copyToClipBoardUtility } from '../../utils/cli-utils';
+import { TEXT } from '../../utils/constants';
+
+const CopyToClipBoard = ({ text, children }: IProps): Node => {
+  const renderToolTipFileCopy = () => (
+    <Tooltip disableFocusListener={true} title={TEXT.CLIPBOARD_COPY}>
+      <CopyIcon onClick={copyToClipBoardUtility(text)}>
+        <FileCopy />
+      </CopyIcon>
+    </Tooltip>
+  );
+
+  const renderText = children => {
+    if (children) {
+      return <ClipBoardCopyText>{children}</ClipBoardCopyText>;
+    }
+
+    return <ClipBoardCopyText>{text}</ClipBoardCopyText>;
+  };
+  return (
+    <ClipBoardCopy>
+      {renderText(children)}
+      {renderToolTipFileCopy()}
+    </ClipBoardCopy>
+  );
+};
+
+export default CopyToClipBoard;