feat(Dropdown): pass all dd context to the render props

8base · Oct 14, 2019 · 75a17a5 · 75a17a5
1 parent bc2ea29
commit 75a17a5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/src/components/Dropdown/DropdownBody.js b/src/components/Dropdown/DropdownBody.js
@@ -14,7 +14,12 @@ import { Z_INDEX } from '../../theme';
 
 type DropdownBodyProps = {
   /** takes either react dom element or function */
-  children: React$Node | ({ closeDropdown: () => void }) => React$Node,
+  children: React$Node | ({
+    toggleDropdown: () => void,
+    closeDropdown?: () => void,
+    openDropdown?: () => void,
+    isOpen: boolean,
+  }) => React$Node,
 
   /** Default content position relative target */
   placement?: 'top' | 'left' | 'bottom' | 'right' | 'auto' | 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start',
@@ -122,10 +127,10 @@ const DropdownBody = dropdownBodyEnhancer(
   }
 
   getBodyChildren = () => {
-    const { children, dropdown: { closeDropdown }} = this.props;
+    const { children, dropdown: { toggleDropdown, closeDropdown, openDropdown, isOpen }} = this.props;
 
     return typeof children === 'function'
-      ? children({ closeDropdown })
+      ? children({ toggleDropdown, closeDropdown, openDropdown, isOpen })
       : children;
   }
 

diff --git a/src/components/Dropdown/DropdownHead.js b/src/components/Dropdown/DropdownHead.js
@@ -13,6 +13,7 @@ type DropdownHeadProps = {
     toggleDropdown: () => void,
     closeDropdown?: () => void,
     openDropdown?: () => void,
+    isOpen: boolean,
    }) => React$Node,
   /** When exists then stretch drodown head */
   stretch?: boolean,
@@ -56,10 +57,10 @@ const DropdownHead = dropdownHeadEnhancer(
   }
 
   getHeadChildren = () => {
-    const { children, dropdown: { toggleDropdown, closeDropdown, openDropdown }} = this.props;
+    const { children, dropdown: { toggleDropdown, closeDropdown, openDropdown, isOpen }} = this.props;
 
     return typeof children === 'function'
-      ? children({ toggleDropdown, closeDropdown, openDropdown })
+      ? children({ toggleDropdown, closeDropdown, openDropdown, isOpen })
       : children;
   }