fix: Dont display disclosure panel content if isDisabled and isExpanded=false (#8893)

* fix: Dont display disclosure panel content if isDisabled and isExpanded=false

* make sure disabled disclosures arent expanded if provided isExpanded

this retains the old behavior on main

Author: LFDanLu

packages/@react-aria/disclosure/src/useDisclosure.ts

@@ -155,7 +155,7 @@ export function useDisclosure(props: AriaDisclosureProps, state: DisclosureState
       role: 'group',
       'aria-labelledby': triggerId,
       'aria-hidden': !state.isExpanded,
-      hidden: isSSR ? !state.isExpanded : undefined
+      hidden: (isSSR || isDisabled) ? (isDisabled || !state.isExpanded) : undefined
     }
   };
 }

packages/react-aria-components/test/Disclosure.test.js

@@ -78,7 +78,7 @@ describe('Disclosure', () => {
   });
 
   it('should support disabled state', () => {
-    const {getByTestId, getByRole} = render(
+    const {getByTestId, getByRole, queryByText} = render(
       <Disclosure data-testid="disclosure" isDisabled>
         <Heading level={3}>
           <Button slot="trigger">Trigger</Button>
@@ -94,6 +94,25 @@ describe('Disclosure', () => {
     const button = getByRole('button');
     expect(button).toHaveAttribute('disabled');
     expect(button).toHaveAttribute('data-disabled', 'true');
+    const panel = queryByText('Content');
+    expect(panel).not.toBeVisible();
+  });
+
+  it('should not expand a disabled disclosure via isExpanded', () => {
+    const {getByTestId,  queryByText} = render(
+      <Disclosure data-testid="disclosure" isDisabled isExpanded>
+        <Heading level={3}>
+          <Button slot="trigger">Trigger</Button>
+        </Heading>
+        <DisclosurePanel>
+          <p>Content</p>
+        </DisclosurePanel>
+      </Disclosure>
+    );
+    const disclosure = getByTestId('disclosure');
+    expect(disclosure).toHaveAttribute('data-disabled', 'true');
+    const panel = queryByText('Content');
+    expect(panel).not.toBeVisible();
   });
 
   it('should support controlled isExpanded prop', async () => {
@@ -239,7 +258,7 @@ describe('Disclosure', () => {
     const menuTrigger = getByTestId('menu-trigger');
     expect(disclosure).not.toHaveAttribute('data-expanded');
     expect(panel).not.toBeVisible();
-    
+
     await user.click(menuTrigger);
     const menu = getByTestId('menu');
     expect(menu).toBeVisible();