Merge pull request #88 from abusix/ahq2-23-pass-defaultopen-prop-to-d…

…isclosure-parent

fix(components): pass defaultOpen state to disclosure parent

src/components/disclosure/disclosure.stories.tsx

@@ -44,3 +44,22 @@ export const Stacked: Story = {
         </div>
     ),
 };
+
+export const DefaultOpen: Story = {
+    render: () => (
+        <div className="w-96">
+            <Disclosure>
+                <Disclosure.Button>Disclosure Button</Disclosure.Button>
+                <Disclosure.Panel>Disclosure Content</Disclosure.Panel>
+            </Disclosure>
+            <Disclosure defaultOpen>
+                <Disclosure.Button>Disclosure Button</Disclosure.Button>
+                <Disclosure.Panel>Disclosure Content</Disclosure.Panel>
+            </Disclosure>
+            <Disclosure>
+                <Disclosure.Button>Disclosure Button</Disclosure.Button>
+                <Disclosure.Panel>Disclosure Content</Disclosure.Panel>
+            </Disclosure>
+        </div>
+    ),
+};

src/components/disclosure/disclosure.tsx

@@ -33,8 +33,14 @@ const DisclosureButton = ({ children, ...props }: DisclosureButtonProps) => {
     );
 };
 
-const Disclosure = ({ children }: { children: React.ReactNode }) => {
-    return <HeadlessUiDisclosure>{children}</HeadlessUiDisclosure>;
+const Disclosure = ({
+    children,
+    defaultOpen = false,
+}: {
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+}) => {
+    return <HeadlessUiDisclosure defaultOpen={defaultOpen}>{children}</HeadlessUiDisclosure>;
 };
 
 Disclosure.Button = DisclosureButton;