docs(TextArea): add onFocus/onBlur props to table (#9513)

* docs(TextArea): add onFocus/onBlur props to table

* update event typing

Author: kmcfaul

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

@@ -36,6 +36,10 @@ export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'onC
   value?: string | number;
   /** A callback for when the text area value changes. */
   onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void;
+  /** Callback function when text area is focused */
+  onFocus?: (event?: React.FocusEvent<HTMLTextAreaElement>) => void;
+  /** Callback function when text area is blurred (focus leaves) */
+  onBlur?: (event?: React.FocusEvent<HTMLTextAreaElement>) => void;
   /** Sets the orientation to limit the resize to */
   resizeOrientation?: 'horizontal' | 'vertical' | 'both';
   /** Custom flag to show that the text area requires an associated id or aria-label. */
@@ -114,6 +118,8 @@ class TextAreaBase extends React.Component<TextAreaProps> {
       autoResize,
       onChange,
       /* eslint-enable @typescript-eslint/no-unused-vars */
+      onBlur,
+      onFocus,
       ...props
     } = this.props;
     const orientation = `resize${capitalize(resizeOrientation)}` as
@@ -136,6 +142,8 @@ class TextAreaBase extends React.Component<TextAreaProps> {
       >
         <textarea
           onChange={this.handleChange}
+          onFocus={onFocus}
+          onBlur={onBlur}
           {...(typeof this.props.defaultValue !== 'string' && { value })}
           aria-invalid={validated === ValidatedOptions.error}
           required={isRequired}