streamlit-react-components 1.0.4__py3-none-any.whl → 1.0.6__py3-none-any.whl

streamlit_react_components/form/checkbox_group.py

@@ -18,6 +18,7 @@ def checkbox_group(
     layout: str = "vertical",
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> List[str]:
     """
@@ -32,6 +33,8 @@ def checkbox_group(
         layout: Layout direction - "vertical" (default) or "horizontal"
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Returns:
@@ -59,6 +62,12 @@ def checkbox_group(
     # Get default checked items
     default_checked = [item["id"] for item in items if item.get("checked", False)]
 
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     result = _component(
         component="checkbox_group",
         label=label,
@@ -66,6 +75,7 @@ def checkbox_group(
         layout=layout,
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=default_checked,
     )

streamlit_react_components/form/form_select.py

@@ -19,6 +19,7 @@ def form_select(
     groups: Optional[List[Dict[str, Any]]] = None,
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> str:
     """
@@ -33,6 +34,8 @@ def form_select(
                 - options: List of options in this group
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Returns:
@@ -55,6 +58,12 @@ def form_select(
             ]
         )
     """
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     result = _component(
         component="form_select",
         label=label,
@@ -63,6 +72,7 @@ def form_select(
         groups=groups,
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=value,
     )

streamlit_react_components/form/form_slider.py

@@ -22,6 +22,7 @@ def form_slider(
     color: str = "blue",
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> float:
     """
@@ -38,6 +39,8 @@ def form_slider(
                "purple", "slate") or hex value (e.g., "#94a3b8")
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Returns:
@@ -63,6 +66,12 @@ def form_slider(
             color="#ff5733"
         )
     """
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     result = _component(
         component="form_slider",
         label=label,
@@ -74,6 +83,7 @@ def form_slider(
         color=color,
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=value,
     )

streamlit_react_components/form/radio_group.py

@@ -0,0 +1,78 @@
+"""RadioGroup component - A group of radio buttons for single selection."""
+
+import streamlit.components.v1 as components
+from pathlib import Path
+from typing import Dict, Any, List, Optional
+
+_FRONTEND_DIR = Path(__file__).parent.parent / "_frontend"
+
+_component = components.declare_component(
+    "streamlit_react_components",
+    path=str(_FRONTEND_DIR),
+)
+
+
+def radio_group(
+    items: List[Dict[str, Any]],
+    label: str = "",
+    layout: str = "vertical",
+    style: Optional[Dict[str, Any]] = None,
+    class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
+    key: Optional[str] = None,
+) -> Optional[str]:
+    """
+    Display a group of radio buttons for single selection.
+
+    Args:
+        items: List of radio items, each with:
+               - id: Unique identifier
+               - label: Display label
+               - checked: Initial checked state (optional, default False)
+        label: Optional group label
+        layout: Layout direction - "vertical" (default) or "horizontal"
+        style: Inline CSS styles as a dictionary
+        class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
+        key: Unique key for the component
+
+    Returns:
+        ID of the selected item (string), or None if nothing selected
+
+    Example:
+        selected = radio_group(
+            label="Payment Method",
+            items=[
+                {"id": "credit", "label": "Credit Card", "checked": True},
+                {"id": "debit", "label": "Debit Card"},
+                {"id": "paypal", "label": "PayPal"}
+            ]
+        )
+        # Returns: "credit" (only one can be selected)
+    """
+    # Get default selected item (first checked item)
+    default_selected = None
+    for item in items:
+        if item.get("checked", False):
+            default_selected = item["id"]
+            break
+
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
+    result = _component(
+        component="radio_group",
+        label=label,
+        items=items,
+        layout=layout,
+        style=style,
+        className=class_name,
+        theme=resolved_theme,
+        key=key,
+        default=default_selected,
+    )
+    return result if result is not None else default_selected