Merge pull request #4879 from GeekyAnts/fix/popover-3.4

Fix/popover 3.4

Author: surajahmed

src/components/composites/Popover/Popover.tsx

@@ -95,6 +95,7 @@ const Popover = (
                 bodyMounted,
                 setBodyMounted,
                 setHeaderMounted,
+                isOpen,
               }}
             >
               <FocusScope contain={trapFocus} restoreFocus autoFocus>

src/components/composites/Popover/PopoverContent.tsx

@@ -21,6 +21,7 @@ export const PopoverContent = React.forwardRef(
       bodyMounted,
       bodyId,
       headerId,
+      isOpen,
     } = React.useContext(PopoverContext);
     const resolvedProps = usePropsResolution('PopoverContent', props);
 
@@ -81,6 +82,7 @@ export const PopoverContent = React.forwardRef(
         {...accessibilityProps}
         {...resolvedProps}
         ref={ref}
+        isOpen={isOpen}
       >
         {arrowElement}
         {restChildren}

src/components/composites/Popover/PopoverContext.ts

@@ -11,4 +11,5 @@ export const PopoverContext = React.createContext({
   setBodyMounted: (() => {}) as any,
   headerMounted: false,
   bodyMounted: false,
+  isOpen: false,
 });

src/components/composites/Popper/Popper.tsx

@@ -40,7 +40,7 @@ const Popper = (
 };
 
 const PopperContent = React.forwardRef(
-  ({ children, style, ...rest }: IBoxProps, ref: any) => {
+  ({ children, style, ...rest }: IBoxProps & { isOpen: boolean }, ref: any) => {
     const {
       triggerRef,
       shouldFlip,
@@ -52,6 +52,7 @@ const PopperContent = React.forwardRef(
       setOverlayRef,
     } = usePopperContext('PopperContent');
     const overlayRef = React.useRef(null);
+
     // const { top } = useSafeAreaInsets();
     const {
       overlayProps,
@@ -63,7 +64,7 @@ const PopperContent = React.forwardRef(
       overlayRef,
       shouldFlip: shouldFlip,
       crossOffset: crossOffset,
-      isOpen: true,
+      isOpen: rest.isOpen,
       offset: offset,
       placement: placementProp as any,
       containerPadding: 0,