streamlit-react-components 1.8.1.6__py3-none-any.whl → 1.8.1.7__py3-none-any.whl

streamlit_react_components/common/button_group.py

@@ -15,6 +15,7 @@ _component = components.declare_component(
 
 def button_group(
     buttons: List[Dict[str, Any]],
+    on_click: Optional[Callable] = None,
     on_change: Optional[Callable] = None,
     args: Optional[tuple] = None,
     kwargs: Optional[Dict[str, Any]] = None,
@@ -36,38 +37,32 @@ def button_group(
                  - disabled: Whether button is disabled (optional)
                  - style: Inline CSS styles dict for this button (optional)
                  - className: Tailwind CSS classes for this button (optional)
-        on_change: Optional callback function called when a button is clicked
-        args: Optional tuple of args to pass to on_change callback
-        kwargs: Optional dict of kwargs to pass to on_change callback
+        on_click: Optional callback fired on every click. Receives (button_id, *args, **kwargs)
+        on_change: Optional callback fired only when a different button is clicked.
+                   Receives (*args, **kwargs)
+        args: Optional tuple of args to pass to callbacks
+        kwargs: Optional dict of kwargs to pass to callbacks
         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 (required if on_change is used)
+        key: Unique key for the component (required if callbacks are used)
 
     Returns:
         The ID of the clicked button, or None if no click
 
     Example:
-        # Using preset colors
+        def handle_click(button_id):
+            st.write(f"Clicked: {button_id}")
+
         clicked = button_group(
             buttons=[
-                {"id": "view", "icon": "👁️"},
-                {"id": "edit", "icon": "✏️"},
                 {"id": "approve", "icon": "✓", "color": "green"},
                 {"id": "reject", "icon": "✕", "color": "red"}
-            ]
-        )
-
-        # Using hex colors and custom styling
-        clicked = button_group(
-            buttons=[
-                {"id": "custom", "icon": "🎨", "color": "#ff5733"},
-                {"id": "styled", "label": "Styled", "style": {"padding": "12px"}}
-            ]
+            ],
+            on_click=handle_click,
+            key="my_buttons"
         )
-        if clicked == "approve":
-            approve_item()
     """
     # Resolve theme (None = use global, False = disable)
     from ..themes import get_active_theme
@@ -85,13 +80,17 @@ def button_group(
         default=None,
     )
 
-    # Execute on_change callback if a button was clicked
-    if on_change and key:
+    # Execute callbacks if a button was clicked
+    if key and result is not None:
         prev_key = f"_button_group_prev_{key}"
         prev_value = st.session_state.get(prev_key)
 
-        # Only fire callback if a button was clicked (result not None) and it's different from previous
-        if result is not None and result != prev_value:
+        # on_click fires on every click, with button_id as first arg
+        if on_click:
+            on_click(result, *(args or ()), **(kwargs or {}))
+
+        # on_change fires only when a different button is clicked
+        if on_change and result != prev_value:
             on_change(*(args or ()), **(kwargs or {}))
 
         # Always update previous value

{streamlit_react_components-1.8.1.6.dist-info → streamlit_react_components-1.8.1.7.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: streamlit-react-components
-Version: 1.8.1.6
+Version: 1.8.1.7
 Summary: Reusable React-based Streamlit components with Tailwind CSS styling
 License: MIT
 Project-URL: Homepage, https://github.com/your-org/streamlit-react-components

{streamlit_react_components-1.8.1.6.dist-info → streamlit_react_components-1.8.1.7.dist-info}/RECORD

@@ -6,7 +6,7 @@ streamlit_react_components/_frontend/index.css,sha256=nGAyY9oe87Ayha6-wUCCA2wQFW
 streamlit_react_components/_frontend/index.html,sha256=CjBEtVYlgT_q06BE16EHFrUrJZ6z0MCprrTg7qgAWzw,381
 streamlit_react_components/_frontend/index.js,sha256=K0w0MmanmChWxCP_brj60ot2DFfFM8jIboBNAYzmOtQ,5233921
 streamlit_react_components/common/__init__.py,sha256=l5BfFZdqjrdLG3sJnJrgahEiTgoBX92_aE0wp2tn_w0,606
-streamlit_react_components/common/button_group.py,sha256=XprEVyup7vQ2Oj6D4db2NRWDKL4C8PE_Qh8-DrjY290,3577
+streamlit_react_components/common/button_group.py,sha256=pCBsGHuovxN4wKzu5B-SDRO0MECqKJy8MnCgeIkPgK8,3536
 streamlit_react_components/common/chart_legend.py,sha256=ylul6Os5A89S8fIJs7XpBdIk6uWijg_zwR1eB7u9wSw,1824
 streamlit_react_components/common/data_table.py,sha256=EzJqaIKmg5lPnjb3bWFIFoSGY6C1cpau5bBZYNKCk_Y,3483
 streamlit_react_components/common/metric_row.py,sha256=84KmKq_ECJ6kTozDSVTVVxN0G5TyGEgtDzl4V_bilAc,1704
@@ -22,7 +22,7 @@ streamlit_react_components/form/form_date_slider.py,sha256=FpKvY7uV5uTsLcjOQwPX_
 streamlit_react_components/form/form_select.py,sha256=bJFyN9at6nTyDcev_7l7pYDW_KhXHG2D7lSfNxPIPTQ,3964
 streamlit_react_components/form/form_slider.py,sha256=ZL1fCLCfanolmxOzuEQo28D1WYFy17uH0EuwbFwD7f8,4020
 streamlit_react_components/form/radio_group.py,sha256=ktmB37APMLiaUJGmP38hlA6I_diPyexkcNGXCvDXjw8,4098
-streamlit_react_components-1.8.1.6.dist-info/METADATA,sha256=TH14bZIr4FoxjxgXw9Kho_8Ko5DTVCDZwbXxVUBps6o,21679
-streamlit_react_components-1.8.1.6.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
-streamlit_react_components-1.8.1.6.dist-info/top_level.txt,sha256=3JFrl15-Uewx3BFMSzqrBufF9GmTS1LDKfShmg0R9VE,27
-streamlit_react_components-1.8.1.6.dist-info/RECORD,,
+streamlit_react_components-1.8.1.7.dist-info/METADATA,sha256=xcuGDSzXWkfMfjZ71G12S5v6rH68f1booX_LvJiF7zI,21679
+streamlit_react_components-1.8.1.7.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
+streamlit_react_components-1.8.1.7.dist-info/top_level.txt,sha256=3JFrl15-Uewx3BFMSzqrBufF9GmTS1LDKfShmg0R9VE,27
+streamlit_react_components-1.8.1.7.dist-info/RECORD,,