Merge pull request #910 from buildo/disclosure-fix-controlled

[Disclosure] fix controlled mode

Author: veej

packages/bento-design-system/src/Disclosure/Disclosure.tsx

@@ -36,7 +36,7 @@ export function Disclosure({
   const config = useBentoConfig().disclosure;
   const iconPosition = iconPosition_ ?? config.defaultIconPosition;
 
-  const [internalIsOpen, setInternalIsOpen] = useState(isOpen ?? initialIsOpen);
+  const [internalIsOpen, setInternalIsOpen] = useState(initialIsOpen);
   const open = internalIsOpen ?? isOpen;
   const onPress = onToggle ? () => onToggle(!isOpen) : () => setInternalIsOpen(!internalIsOpen);
   const { pressProps } = usePress({ onPress });

packages/bento-design-system/stories/Components/Disclosure.stories.tsx

@@ -1,5 +1,6 @@
-import { Card, Disclosure, Placeholder } from "..";
+import { Card, Chip, Disclosure, Placeholder, Stack } from "..";
 import { Meta, StoryObj } from "@storybook/react";
+import { useState } from "react";
 
 const meta = {
   component: Disclosure,
@@ -42,3 +43,26 @@ export const InCard = {
     ),
   ],
 } satisfies Story;
+
+export const Controlled = {
+  decorators: [
+    (Story) => {
+      const [open, setOpen] = useState(true);
+
+      return (
+        <Stack space={16}>
+          <Chip label={open ? "open" : "closed"} color="pink" />
+          <Disclosure title="Title" isOpen={open} onToggle={setOpen}>
+            <Placeholder />
+          </Disclosure>
+        </Stack>
+      );
+    },
+  ],
+} satisfies Story;
+
+export const InitialOpen = {
+  args: {
+    initialIsOpen: true,
+  },
+} satisfies Story;