message: add aler group with aria props
diff: @@ -2,7 +2,7 @@ import * as _ from 'lodash-es';
  import * as React from 'react';
  import * as classNames from 'classnames';
  import * as PropTypes from 'prop-types';
  -import { Alert } from '@patternfly/react-core';
  +import { Alert, AlertGroup } from '@patternfly/react-core';
  import { useTranslation } from 'react-i18next';
  import { LoadingInline } from './status-box';
  @@ -25,35 +25,16 @@ const ErrorMessage = ({ message }) => {
  className="co-alert co-alert--scrollable"
  variant="danger"
  title={t('public~An error occurred')}
  - isLiveRegion
  - aria-live="assertive"
  - aria-atomic="true"
  >
  <div className="co-pre-line">{message}</div>
  </Alert>
  );
  };
  const InfoMessage = ({ message }) => (
  - <Alert
  - isInline
  - className="co-alert"
  - variant="info"
  - title={message}
  - isLiveRegion
  - aria-live="polite"
  - aria-atomic="true"
  - />
  + <Alert isInline className="co-alert" variant="info" title={message} />
  );
  const SuccessMessage = ({ message }) => (
  - <Alert
  - isInline
  - className="co-alert"
  - variant="success"
  - title={message}
  - isLiveRegion
  - aria-live="polite"
  - aria-atomic="true"
  - />
  + <Alert isInline className="co-alert" variant="success" title={message} />
  );
  // NOTE: DO NOT use <a> elements within a ButtonBar.
  @@ -70,11 +51,18 @@ export const ButtonBar = ({
  }) => {
  return (
  <div className={classNames(className, 'co-m-btn-bar')}>
  + <AlertGroup
  + isLiveRegion
  + aria-live="polite"
  + aria-atomic="false"
  + aria-relevant="additions text"
  + >
  {successMessage && <SuccessMessage message={successMessage} />}
  {errorMessage && <ErrorMessage message={errorMessage} />}
  {injectDisabled(children, inProgress)}
  {inProgress && <LoadingInline />}
  {infoMessage && <InfoMessage message={infoMessage} />}
  + </AlertGroup>
  </div>
  );
  };
  