streamlit-react-components 1.8.1.5__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 value actually changed (not on first render)
-        if prev_value 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/common/data_table.py

@@ -86,8 +86,8 @@ def data_table(
         prev_key = f"_data_table_prev_{key}"
         prev_value = st.session_state.get(prev_key)
 
-        # Only fire callback if value actually changed (not on first render)
-        if prev_value is not None and result != prev_value:
+        # Only fire callback if a row was clicked (result not None) and it's different from previous
+        if result is not None and result != prev_value:
             on_change(*(args or ()), **(kwargs or {}))
 
         # Always update previous value

streamlit_react_components/common/step_indicator.py

@@ -72,8 +72,8 @@ def step_indicator(
         prev_key = f"_step_indicator_prev_{key}"
         prev_value = st.session_state.get(prev_key)
 
-        # Only fire callback if value actually changed (not on first render)
-        if prev_value is not None and result != prev_value:
+        # Only fire callback if a step was clicked (result not None) and it's different from previous
+        if result is not None and result != prev_value:
             on_change(*(args or ()), **(kwargs or {}))
 
         # Always update previous value

{streamlit_react_components-1.8.1.5.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.5
+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.5.dist-info → streamlit_react_components-1.8.1.7.dist-info}/RECORD

@@ -6,23 +6,23 @@ 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=CVUrFyLsybF2XiCKvzdxGRH7g4lzfsxEg9zqU80gkEg,3554
+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=XdNvszJhAWC7K4E5GSAn8jXN8Xpkv04HnZU5V0I8Qc0,3463
+streamlit_react_components/common/data_table.py,sha256=EzJqaIKmg5lPnjb3bWFIFoSGY6C1cpau5bBZYNKCk_Y,3483
 streamlit_react_components/common/metric_row.py,sha256=84KmKq_ECJ6kTozDSVTVVxN0G5TyGEgtDzl4V_bilAc,1704
 streamlit_react_components/common/panel.py,sha256=iMcB5RF0SnU4yZHsvQQRuiNPnwQ6m8Epi56k2ziSjR8,1541
 streamlit_react_components/common/plotly_chart.py,sha256=YHY5kNBdyoEwNeJ4JPDh9DWDkN3zq8YgIncIMyu285A,9815
 streamlit_react_components/common/section_header.py,sha256=zgEW9Jlj48kiRB3_mYLk3a_oK7w55gnia_laMar_hOk,3430
 streamlit_react_components/common/smart_chart.py,sha256=kYzdPTpgdJLfX6CUXuT8fUMRubN1DRZ9Zej-XFFgje4,20068
 streamlit_react_components/common/stat_card.py,sha256=-C-73nglpPFbtliK7JfZLQExc9N1wYsyTjDsTXHVjKQ,4758
-streamlit_react_components/common/step_indicator.py,sha256=lsVDnIOOmbgNuIQgzG6u1R5nAszhJhkO8i5B5P05h8k,2697
+streamlit_react_components/common/step_indicator.py,sha256=0W2Lm8BHspA2jNX12AgoLVwgEysoSjSwl015W0RqkUI,2718
 streamlit_react_components/form/__init__.py,sha256=urk_QJxnOrlMoHBTbCUGfjwxCbNs5lTFIoexUYB4AsA,349
 streamlit_react_components/form/checkbox_group.py,sha256=P3UJ0JrPpkx_yMDy0bzEt7VyIEmG1iB847a9-TKfPbA,4219
 streamlit_react_components/form/form_date_slider.py,sha256=FpKvY7uV5uTsLcjOQwPX_IQL97I4Jg7t-e-RVf1329Y,5801
 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.5.dist-info/METADATA,sha256=ib2hFFZ1gAy5pO--4mIZnxKYt7ZzeUeOHQY-tayCiPE,21679
-streamlit_react_components-1.8.1.5.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
-streamlit_react_components-1.8.1.5.dist-info/top_level.txt,sha256=3JFrl15-Uewx3BFMSzqrBufF9GmTS1LDKfShmg0R9VE,27
-streamlit_react_components-1.8.1.5.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,,