From 58735a7d00a00b1b346f565816b418ea013b5938 Mon Sep 17 00:00:00 2001
From: Dev Aggarwal <devxpy@gmail.com>
Date: Sun, 8 Dec 2024 13:56:06 +0530
Subject: [PATCH] add placement option for popover

---
 app/components/GooeyPopover.tsx   | 4 ++++
 app/renderer.tsx                  | 3 ++-
 py/gooey_gui/components/common.py | 7 +++++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/components/GooeyPopover.tsx b/app/components/GooeyPopover.tsx
index 0629a19..93e3a45 100644
--- a/app/components/GooeyPopover.tsx
+++ b/app/components/GooeyPopover.tsx
@@ -2,18 +2,21 @@ import Tippy from "@tippyjs/react";
 import { useState } from "react";
 import { OnChange } from "~/app";
 import { RenderedChildren, TreeNode } from "~/renderer";
+import { TooltipPlacement } from "./GooeyTooltip";
 
 export default function GooeyPopover({
   content,
   children,
   onChange,
   state,
+  placement,
   ...props
 }: {
   content: Array<TreeNode>;
   children: Array<TreeNode>;
   onChange: OnChange;
   state: Record<string, any>;
+  placement?: TooltipPlacement;
 }) {
   const [visible, setVisible] = useState(false);
 
@@ -33,6 +36,7 @@ export default function GooeyPopover({
       }
       animation="scale"
       duration={100}
+      placement={placement || "auto"}
       {...props}
     >
       <button type="button" onClick={() => setVisible(!visible)}>
diff --git a/app/renderer.tsx b/app/renderer.tsx
index 164ef4f..e36771a 100644
--- a/app/renderer.tsx
+++ b/app/renderer.tsx
@@ -470,13 +470,14 @@ function RenderedTreeNode({
         </GooeyTooltip>
       );
     case "popover": {
-      const { content, ...args } = props;
+      const { content, placement, ...args } = props;
       return (
         <GooeyPopover
           content={content}
           children={children}
           onChange={onChange}
           state={state}
+          placement={placement}
           {...args}
         />
       );
diff --git a/py/gooey_gui/components/common.py b/py/gooey_gui/components/common.py
index ca7ea0f..fdefdb0 100644
--- a/py/gooey_gui/components/common.py
+++ b/py/gooey_gui/components/common.py
@@ -829,11 +829,14 @@ def plotly_chart(figure_or_data, **kwargs):
     ).mount()
 
 
-def popover(**props) -> tuple[core.NestingCtx, core.NestingCtx]:
+def popover(
+    *, placement: TooltipPlacement | None = None, **props
+) -> tuple[core.NestingCtx, core.NestingCtx]:
     content = core.RenderTreeNode(name="content")
 
     popover = core.RenderTreeNode(
-        name="popover", props=props | dict(content=content.children)
+        name="popover",
+        props=props | dict(content=content.children, placement=placement),
     )
     popover.mount()