Merge pull request #93 from toggle-corp/feature/pass-ref-popup-button

Feature/pass ref popup button

Author: AdityaKhatri

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@togglecorp/toggle-ui",
-    "version": "0.16.0-beta.6",
+    "version": "0.16.0-beta.7",
     "description": "React component library by togglecorp",
     "files": [
         "/build"

src/components/PopupButton/index.tsx

@@ -19,6 +19,7 @@ export interface PopupButtonProps<N extends number | string | undefined> extends
     persistent: boolean;
     arrowHidden?: boolean;
     defaultShown?: boolean;
+    elementRef?: React.RefObject<HTMLButtonElement>;
 }
 function PopupButton<N extends number | string | undefined>(props: PopupButtonProps<N>) {
     const {
@@ -32,12 +33,15 @@ function PopupButton<N extends number | string | undefined>(props: PopupButtonPr
         arrowHidden,
         persistent,
         defaultShown,
+        elementRef,
         ...otherProps
     } = props;
 
-    const buttonRef = React.useRef<HTMLButtonElement>(null);
+    const internalButtonRef = React.useRef<HTMLButtonElement>(null);
     const popupRef = React.useRef<HTMLDivElement>(null);
 
+    const buttonRef = elementRef ?? internalButtonRef;
+
     const [popupShown, setPopupShown] = React.useState(defaultShown ?? false);
 
     useEffect(