add isExpanded to CompassMainFooter

Author: kmcfaul

packages/react-core/src/components/Compass/CompassMainFooter.tsx

@@ -6,14 +6,17 @@ interface CompassMainFooterProps extends Omit<React.HTMLProps<HTMLDivElement>, '
   className?: string;
   /** Main footer content */
   children?: React.ReactNode;
+  /** Indicates if the main footer is expanded */
+  isExpanded?: boolean;
 }
 
 export const CompassMainFooter: React.FunctionComponent<CompassMainFooterProps> = ({
   className,
   children,
+  isExpanded = true,
   ...props
 }) => (
-  <div className={css(`${styles.compass}__main-footer`, className)} {...props}>
+  <div className={css(styles.compassMainFooter, isExpanded && 'pf-m-expanded', className)} {...props}>
     {children}
   </div>
 );

packages/react-core/src/components/Compass/__tests__/CompassMainFooter.test.tsx

@@ -26,6 +26,21 @@ test(`Renders with default ${styles.compassMainFooter} class`, () => {
   expect(screen.getByText('Test')).toHaveClass(styles.compassMainFooter);
 });
 
+test(`Renders with pf-m-expanded class by default`, () => {
+  render(<CompassMainFooter>Test</CompassMainFooter>);
+  expect(screen.getByText('Test')).toHaveClass('pf-m-expanded');
+});
+
+test(`Renders with pf-m-expanded class when isExpanded is true`, () => {
+  render(<CompassMainFooter isExpanded>Test</CompassMainFooter>);
+  expect(screen.getByText('Test')).toHaveClass('pf-m-expanded');
+});
+
+test(`Renders without pf-m-expanded class when isExpanded is false`, () => {
+  render(<CompassMainFooter isExpanded={false}>Test</CompassMainFooter>);
+  expect(screen.getByText('Test')).not.toHaveClass('pf-m-expanded');
+});
+
 test('Renders with additional props spread to the component', () => {
   render(<CompassMainFooter aria-label="Test label">Test</CompassMainFooter>);
   expect(screen.getByText('Test')).toHaveAccessibleName('Test label');

packages/react-core/src/components/Compass/__tests__/__snapshots__/CompassMainFooter.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v6-c-compass__main-footer"
+    class="pf-v6-c-compass__main-footer pf-m-expanded"
   >
     Custom children content
   </div>