feat(matchExpr): match expression visualizer

src/app/AppLayout/AuthModal.tsx

@@ -43,7 +43,7 @@ import { Modal, ModalVariant, Text } from '@patternfly/react-core';
 import * as React from 'react';
 import { Link } from 'react-router-dom';
 import { filter, first, map, mergeMap } from 'rxjs';
-import { JmxAuthForm } from './JmxAuthForm';
+import { CredentialAuthForm } from './CredentialAuthForm';
 
 export interface AuthModalProps {
   visible: boolean;
@@ -103,7 +103,7 @@ export const AuthModal: React.FC<AuthModalProps> = ({ onDismiss, onSave: onProps
         </Text>
       }
     >
-      <JmxAuthForm onSave={onSave} onDismiss={onDismiss} focus={true} loading={loading} />
+      <CredentialAuthForm onSave={onSave} onDismiss={onDismiss} focus={true} loading={loading} />
     </Modal>
   );
 };

src/app/AppLayout/JmxAuthForm.tsx → src/app/AppLayout/CredentialAuthForm.tsx

@@ -39,15 +39,15 @@ import { LoadingPropsType } from '@app/Shared/ProgressIndicator';
 import { ActionGroup, Button, Form, FormGroup, TextInput } from '@patternfly/react-core';
 import * as React from 'react';
 
-export interface JmxAuthFormProps {
+export interface CredentialAuthFormProps {
   onDismiss: () => void;
   onSave: (username: string, password: string) => void;
   focus?: boolean;
   loading?: boolean;
   children?: React.ReactNode;
 }
 
-export const JmxAuthForm: React.FC<JmxAuthFormProps> = ({ onDismiss, onSave, ...props }) => {
+export const CredentialAuthForm: React.FC<CredentialAuthFormProps> = ({ onDismiss, onSave, ...props }) => {
   const [username, setUsername] = React.useState('');
   const [password, setPassword] = React.useState('');
 

src/app/BreadcrumbPage/BreadcrumbPage.tsx

@@ -56,14 +56,9 @@ export const BreadcrumbPage: React.FC<BreadcrumbPageProps> = (props) => {
       <PageSection>
         <Breadcrumb>
           {(props.breadcrumbs || []).map(({ title, path }) => (
-            <BreadcrumbItem
-              key={path}
-              render={() => (
-                <>
-                  <Link to={path}>{title}</Link>
-                </>
-              )}
-            ></BreadcrumbItem>
+            <BreadcrumbItem key={path}>
+              <Link to={path}>{title}</Link>
+            </BreadcrumbItem>
           ))}
           <BreadcrumbHeading>{props.pageTitle}</BreadcrumbHeading>
         </Breadcrumb>

src/app/Modal/DeleteWarningUtils.tsx

@@ -43,7 +43,7 @@ export enum DeleteOrDisableWarningType {
   DeleteEventTemplates = 'DeleteEventTemplates',
   DeleteProbeTemplates = 'DeleteProbeTemplates',
   DeleteActiveProbes = 'DeleteActiveProbes',
-  DeleteJMXCredentials = 'DeleteJMXCredentials',
+  DeleteCredentials = 'DeleteCredentials',
   DeleteCustomTargets = 'DeleteCustomTargets',
   DeleteDashboardLayout = 'DeleteDashboardLayout',
 }
@@ -112,12 +112,12 @@ export const DeleteActiveProbes: DeleteOrDisableWarning = {
   ariaLabel: 'Active Probes remove warning',
 };
 
-export const DeleteJMXCredentials: DeleteOrDisableWarning = {
-  id: DeleteOrDisableWarningType.DeleteJMXCredentials,
-  title: 'Permanently delete JMX Credentials?',
-  label: 'Delete JMX Credentials',
+export const DeleteCredentials: DeleteOrDisableWarning = {
+  id: DeleteOrDisableWarningType.DeleteCredentials,
+  title: 'Permanently delete Credentials?',
+  label: 'Delete Credentials',
   description: `Credential data for this target will be lost.`,
-  ariaLabel: 'JMX Credentials delete warning',
+  ariaLabel: 'Credentials delete warning',
 };
 
 export const DeleteCustomTargets: DeleteOrDisableWarning = {
@@ -144,7 +144,7 @@ export const DeleteWarningKinds: DeleteOrDisableWarning[] = [
   DeleteEventTemplates,
   DeleteProbeTemplates,
   DeleteActiveProbes,
-  DeleteJMXCredentials,
+  DeleteCredentials,
   DeleteCustomTargets,
   DeleteDashboardLayout,
 ];