Refactor navset_bar panels into reusable function

Author: karangattu

tests/playwright/shiny/components/nav/navset_bar_kitchensink/app.py

@@ -1,4 +1,6 @@
-from shiny.express import ui
+from typing import Any
+
+from shiny.express import expressify, ui
 
 
 def navset_sidebar():
@@ -52,24 +54,50 @@ def navset_sidebar():
     ),
 ]
 
+
+@expressify
+def navset_bar_panel(tab_name: str, navset_args: dict[str, Any]) -> None:
+    with ui.nav_panel(tab_name):
+        with ui.card(style="position: relative;"):
+            navset_kwargs = navset_args.copy()
+            navbar_options_keys = (
+                "position",
+                "bg",
+                "theme",
+                "inverse",
+                "collapsible",
+                "underline",
+            )
+            navbar_options_kwargs: dict[str, Any] = {}
+            for key in navbar_options_keys:
+                if key not in navset_kwargs:
+                    continue
+
+                value = navset_kwargs.pop(key)
+
+                if key == "inverse":
+                    navbar_options_kwargs["theme"] = "dark" if value else "light"
+                else:
+                    navbar_options_kwargs[key] = value
+            if navbar_options_kwargs:
+                navset_kwargs["navbar_options"] = ui.navbar_options(
+                    **navbar_options_kwargs
+                )
+
+            with ui.navset_bar(**navset_kwargs):
+                with ui.nav_panel("A"):
+                    "Panel A content"
+
+                with ui.nav_panel("B"):
+                    "Panel B content"
+
+
 # Add extra spaces so that the navset_tab is below the fixed-top navset_bar
 ui.br()
 ui.br()
 ui.br()
 ui.br()
 
-# TODO-karan; Put each navset_bar into a navpanel within a navset_tab (similar to the navsets_kitchensink app)
 with ui.navset_tab(id="navsets_collection"):
     for tab_name, navset_args in navset_bar_infos:
-        with ui.nav_panel(tab_name):
-
-            with ui.card(style="position: relative;"):
-
-                with ui.navset_bar(
-                    **navset_args  # pyright: ignore[reportArgumentType]
-                ):
-                    with ui.nav_panel("A"):
-                        "Panel A content"
-
-                    with ui.nav_panel("B"):
-                        "Panel B content"
+        navset_bar_panel(tab_name, navset_args)