fix(Ansible): Rename AnsibleSupport back to Ansible

cypress/component/Ansible.cy.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Ansible } from '@patternfly/react-component-groups/dist/dynamic/Ansible';
+
+describe('Ansible', () => {
+  it('renders supported Ansible', () => {
+    cy.mount(<Ansible />)
+    cy.get('i').should('have.class', 'ansibleSupported-0-2-2');
+  });
+  it('renders unsupported Ansible', () => {
+    cy.mount(<Ansible isSupported={false}/>)
+    cy.get('i').should('have.class', 'ansibleUnsupported-0-2-3');
+  });
+});

packages/module/patternfly-docs/content/extensions/component-groups/examples/AnsibleSupport/AnsibleSupport.md → packages/module/patternfly-docs/content/extensions/component-groups/examples/Ansible/Ansible.md

@@ -5,18 +5,18 @@ section: Component groups
 subsection: Status and state indicators
 # Sidenav secondary level section
 # should be the same for all markdown files
-id: Ansible support
+id: Ansible
 # Tab (react | react-demos | html | html-demos | design-guidelines | accessibility)
 source: react
 # If you use typescript, the name of the interface to display props for
 # These are found through the sourceProps function provided in patternfly-docs.source.js
-propComponents: ['AnsibleSupport']
-sourceLink: https://github.com/patternfly/react-component-groups/blob/main/packages/module/patternfly-docs/content/extensions/component-groups/examples/AnsibleSupport/AnsibleSupport.md
+propComponents: ['Ansible']
+sourceLink: https://github.com/patternfly/react-component-groups/blob/main/packages/module/patternfly-docs/content/extensions/component-groups/examples/Ansible/Ansible.md
 ---
 
-import AnsibleSupport from '@patternfly/react-component-groups/dist/dynamic/AnsibleSupport';
+import Ansible from '@patternfly/react-component-groups/dist/dynamic/Ansible';
 
-The **Ansible support** component displays the Ansible project logo, with a support status style.
+The **Ansible** component displays the Ansible project logo, with a support status style.
 
 ### Ansible supported
 

packages/module/patternfly-docs/content/extensions/component-groups/examples/Ansible/AnsibleSupportedExample.tsx

@@ -0,0 +1,4 @@
+import React from 'react';
+import Ansible from '@patternfly/react-component-groups/dist/dynamic/Ansible';
+
+export const BasicExample: React.FunctionComponent = () => <Ansible />;

packages/module/patternfly-docs/content/extensions/component-groups/examples/Ansible/AnsibleUnsupportedExample.tsx

@@ -0,0 +1,4 @@
+import React from 'react';
+import Ansible from '@patternfly/react-component-groups/dist/dynamic/Ansible';
+
+export const BasicExample: React.FunctionComponent = () => <Ansible isSupported={false} />;

packages/module/src/AnsibleSupport/AnsibleSupport.test.tsx → packages/module/src/Ansible/Ansible.test.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AnsibleSupport from './AnsibleSupport';
+import Ansible from './Ansible';
 
-describe('AnsibleSupport component', () => {
+describe('Ansible component', () => {
 
   it('should render unsupported', () => {
-    const { container } = render(<AnsibleSupport isSupported={false} />);
+    const { container } = render(<Ansible isSupported={false} />);
     expect(container).toMatchSnapshot();
   });
 
   it('should render supported', () => {
-    const { container } = render(<AnsibleSupport />);
+    const { container } = render(<Ansible />);
     expect(container).toMatchSnapshot();
   });
 

packages/module/src/AnsibleSupport/AnsibleSupport.tsx → packages/module/src/Ansible/Ansible.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { createUseStyles } from 'react-jss';
 
-export interface AnsibleSupportProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+export interface AnsibleProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
   /** Supported/unsupported variant flag */
   isSupported?: boolean;
   /** Ansible icon className */
@@ -32,7 +32,7 @@ const useStyles = createUseStyles({
   } 
 })
 
-export const AnsibleSupport: React.FunctionComponent<AnsibleSupportProps> = ({ isSupported = true, className, ouiaId = "AnsibleSupport-icon", ...props }: AnsibleSupportProps) => {
+export const Ansible: React.FunctionComponent<AnsibleProps> = ({ isSupported = true, className, ouiaId = "AnsibleSupport-icon", ...props }: AnsibleProps) => {
   const classes = useStyles();
   const ansibleLogoClass = clsx(
     classes.ansible,
@@ -94,4 +94,4 @@ export const AnsibleSupport: React.FunctionComponent<AnsibleSupportProps> = ({ i
   );
 };
 
-export default AnsibleSupport;
+export default Ansible;

packages/module/src/AnsibleSupport/__snapshots__/AnsibleSupport.test.tsx.snap → packages/module/src/Ansible/__snapshots__/Ansible.test.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AnsibleSupport component should render supported 1`] = `
+exports[`Ansible component should render supported 1`] = `
 <div>
   <i
     class="ansible-0-2-1 ansibleSupported-0-2-2"
@@ -26,7 +26,7 @@ exports[`AnsibleSupport component should render supported 1`] = `
 </div>
 `;
 
-exports[`AnsibleSupport component should render unsupported 1`] = `
+exports[`Ansible component should render unsupported 1`] = `
 <div>
   <i
     class="ansible-0-2-1 ansibleUnsupported-0-2-3"

packages/module/src/Ansible/index.ts

@@ -0,0 +1,2 @@
+export { default } from './Ansible';
+export * from './Ansible';