feat(ClipboardCopy): added onBlur and onFocus callbacks

Author: gautamkrishnar

packages/react-core/src/components/ClipboardCopy/ClipboardCopy.tsx

@@ -91,6 +91,10 @@ export interface ClipboardCopyProps extends Omit<React.HTMLProps<HTMLDivElement>
   onCopy?: (event: React.ClipboardEvent<HTMLDivElement>, text?: React.ReactNode) => void;
   /** A function that is triggered on changing the text. */
   onChange?: (event: React.FormEvent, text?: string) => void;
+  /** Callback function when text input is focused */
+  onFocus?: (event?: any) => void;
+  /** Callback function when text input is blurred (focus leaves) */
+  onBlur?: (event?: any) => void;
   /** The text which is copied. */
   children: string | string[];
   /** Additional actions for inline clipboard copy. Should be wrapped with ClipboardCopyAction. */
@@ -177,6 +181,8 @@ class ClipboardCopy extends Component<ClipboardCopyProps, ClipboardCopyState> {
       /* eslint-disable @typescript-eslint/no-unused-vars */
       isExpanded,
       onChange, // Don't pass to <div>
+      onFocus, // Don't pass to <div>
+      onBlur, // Don't pass to <div>
       /* eslint-enable @typescript-eslint/no-unused-vars */
       isReadOnly,
       isCode,
@@ -297,6 +303,8 @@ class ClipboardCopy extends Component<ClipboardCopyProps, ClipboardCopyState> {
                     value={this.state.expanded ? this.state.textWhenExpanded : copyableText}
                     id={`text-input-${id}`}
                     aria-label={textAriaLabel}
+                    onFocus={onFocus}
+                    onBlur={onBlur}
                     {...(isCode && { dir: 'ltr' })}
                   />
                   <ClipboardCopyButton