Fleet UI components; Editor copy button added, File details/uploader gitopsCompatible can now be false (#29307)

frontend/components/forms/fields/InputField/InputField.jsx

@@ -107,6 +107,16 @@ class InputField extends Component {
     return false;
   };
 
+  onClickCopy = (e) => {
+    e.preventDefault();
+    stringToClipboard(this.props.value).then(() => {
+      this.setState({ copied: true });
+      setTimeout(() => {
+        this.setState({ copied: false });
+      }, 2000);
+    });
+  };
+
   renderShowSecretButton = () => {
     const { onToggleSecret } = this;
 
@@ -122,17 +132,7 @@ class InputField extends Component {
   };
 
   renderCopyButton = () => {
-    const { value } = this.props;
-
-    const copyValue = (e) => {
-      e.preventDefault();
-      stringToClipboard(value).then(() => {
-        this.setState({ copied: true });
-        setTimeout(() => {
-          this.setState({ copied: false });
-        }, 2000);
-      });
-    };
+    const { onClickCopy } = this;
 
     const copyButtonValue = <Icon name="copy" />;
     const wrapperClasses = classnames(`${baseClass}__copy-wrapper`);
@@ -146,7 +146,7 @@ class InputField extends Component {
         {this.state.copied && (
           <span className={copiedConfirmationClasses}>Copied!</span>
         )}
-        <Button variant={"icon"} onClick={copyValue} iconStroke>
+        <Button variant={"icon"} onClick={onClickCopy} iconStroke>
           {copyButtonValue}
         </Button>
         {this.props.enableShowSecret && this.renderShowSecretButton()}

frontend/components/forms/fields/InputField/_styles.scss

@@ -110,14 +110,14 @@
 
   &__input-container.copy-enabled {
     position: relative;
+
+    .input-field {
+      padding-right: 35px; // horizontal scroll of long inputs will not be hidden by copy button
+    }
   }
 
   &__copied-confirmation {
-    font-size: $x-small;
-    background-color: $ui-light-grey;
-    border: solid 1px $ui-fleet-black-10;
-    border-radius: $border-radius-xlarge;
-    padding: $pad-xxsmall 6px;
+    @include copy-message;
   }
 
   &__copied-confirmation-outside {