feat(hooks): expose onOpenChange in useDisclosure

dwarvesf · Nov 29, 2023 · c4277bc · c4277bc
1 parent 339f37b
commit c4277bc
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/.changeset/early-insects-pull.md b/.changeset/early-insects-pull.md
@@ -0,0 +1,6 @@
+---
+'@dwarvesf/react-toolkit-docs': minor
+'@dwarvesf/react-hooks': minor
+---
+
+Expose onOpenChange
diff --git a/docs/pages/hooks/use-disclosure.mdx b/docs/pages/hooks/use-disclosure.mdx
@@ -22,9 +22,10 @@ The `useDisclosure` hook returns an object with the following fields:
 | Name       | Type       | Default | Description                                                         |
 | ---------- | ---------- | ------- | ------------------------------------------------------------------- |
 | `isOpen`   | `boolean`  | `false` | If `true`, it sets the controlled component to its visible state.   |
-| `onClose`  | `function` | `_`     | Callback function to set a falsy value for the `isOpen` parameter.  |
-| `onOpen`   | `function` | `_`     | Callback function to set a truthy value for the `isOpen` parameter. |
-| `onToggle` | `function` | `_`     | Callback function to toggle the value of the `isOpen` parameter.    |
+| `onClose`  | `() => void` | `_`     | Callback function to set a falsy value for the `isOpen` parameter.  |
+| `onOpen`   | `() => void` | `_`     | Callback function to set a truthy value for the `isOpen` parameter. |
+| `onToggle` | `() => void` | `_`     | Callback function to toggle the value of the `isOpen` parameter.    |
+| `onOpenChange` | `(isOpen: boolean) => void` | `_`     | Callback function to set the value for the `isOpen` parameter.    |
 
 ## Usage
 

diff --git a/packages/hooks/src/useDisclosure.ts b/packages/hooks/src/useDisclosure.ts
@@ -36,6 +36,7 @@ export default function useDisclosure(props: UseDisclosureProps = {}) {
   return {
     isOpen: !!isOpen,
     prevIsOpen: !!prevIsOpen,
+    onOpenChange: setIsOpen,
     onOpen,
     onClose,
     onToggle,