streamlit-react-components 1.8.1.3__py3-none-any.whl → 1.8.1.4__py3-none-any.whl

streamlit_react_components/common/button_group.py

@@ -1,8 +1,9 @@
 """ButtonGroup component - A group of action buttons."""
 
+import streamlit as st
 import streamlit.components.v1 as components
 from pathlib import Path
-from typing import Dict, Any, List, Optional
+from typing import Dict, Any, List, Optional, Callable
 
 _FRONTEND_DIR = Path(__file__).parent.parent / "_frontend"
 
@@ -14,6 +15,9 @@ _component = components.declare_component(
 
 def button_group(
     buttons: List[Dict[str, Any]],
+    on_change: Optional[Callable] = None,
+    args: Optional[tuple] = None,
+    kwargs: Optional[Dict[str, Any]] = None,
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
     theme: Optional[Dict[str, Any]] = None,
@@ -32,11 +36,14 @@ 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
         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
+        key: Unique key for the component (required if on_change is used)
 
     Returns:
         The ID of the clicked button, or None if no click
@@ -68,7 +75,7 @@ def button_group(
     if theme is not False:
         resolved_theme = theme if theme is not None else get_active_theme()
 
-    return _component(
+    result = _component(
         component="button_group",
         buttons=buttons,
         style=style,
@@ -77,3 +84,17 @@ def button_group(
         key=key,
         default=None,
     )
+
+    # Execute on_change callback if a button was clicked
+    if on_change and key:
+        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_change(*(args or ()), **(kwargs or {}))
+
+        # Always update previous value
+        st.session_state[prev_key] = result
+
+    return result

streamlit_react_components/common/data_table.py

@@ -1,8 +1,9 @@
 """DataTable component - A styled data table with click support."""
 
+import streamlit as st
 import streamlit.components.v1 as components
 from pathlib import Path
-from typing import Dict, Any, List, Optional
+from typing import Dict, Any, List, Optional, Callable
 
 _FRONTEND_DIR = Path(__file__).parent.parent / "_frontend"
 
@@ -16,6 +17,9 @@ def data_table(
     columns: List[Dict[str, Any]],
     rows: List[Dict[str, Any]],
     show_header: bool = True,
+    on_change: Optional[Callable] = None,
+    args: Optional[tuple] = None,
+    kwargs: Optional[Dict[str, Any]] = None,
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
     theme: Optional[Dict[str, Any]] = None,
@@ -33,11 +37,14 @@ def data_table(
                  - colorByValue: True to color based on status values (optional)
         rows: List of row data dictionaries
         show_header: Whether to show the header row (default True)
+        on_change: Optional callback function called when a row is clicked
+        args: Optional tuple of args to pass to on_change callback
+        kwargs: Optional dict of kwargs to pass to on_change callback
         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
+        key: Unique key for the component (required if on_change is used)
 
     Returns:
         Dictionary with rowIndex and rowData when a row is clicked, None otherwise
@@ -62,7 +69,7 @@ def data_table(
     if theme is not False:
         resolved_theme = theme if theme is not None else get_active_theme()
 
-    return _component(
+    result = _component(
         component="data_table",
         columns=columns,
         rows=rows,
@@ -73,3 +80,17 @@ def data_table(
         key=key,
         default=None,
     )
+
+    # Execute on_change callback if a row was clicked
+    if on_change and key:
+        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:
+            on_change(*(args or ()), **(kwargs or {}))
+
+        # Always update previous value
+        st.session_state[prev_key] = result
+
+    return result

streamlit_react_components/common/step_indicator.py

@@ -1,8 +1,9 @@
 """StepIndicator component - A multi-step wizard progress indicator."""
 
+import streamlit as st
 import streamlit.components.v1 as components
 from pathlib import Path
-from typing import Dict, Any, List, Optional
+from typing import Dict, Any, List, Optional, Callable
 
 _FRONTEND_DIR = Path(__file__).parent.parent / "_frontend"
 
@@ -15,6 +16,9 @@ _component = components.declare_component(
 def step_indicator(
     steps: List[str],
     current_step: int,
+    on_change: Optional[Callable] = None,
+    args: Optional[tuple] = None,
+    kwargs: Optional[Dict[str, Any]] = None,
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
     theme: Optional[Dict[str, Any]] = None,
@@ -26,11 +30,14 @@ def step_indicator(
     Args:
         steps: List of step labels (e.g., ["Supply Plan", "Levers", "Review"])
         current_step: Current active step (1-indexed)
+        on_change: Optional callback function called when a step is clicked
+        args: Optional tuple of args to pass to on_change callback
+        kwargs: Optional dict of kwargs to pass to on_change callback
         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
+        key: Unique key for the component (required if on_change is used)
 
     Returns:
         The step number that was clicked, or None if no click
@@ -49,7 +56,7 @@ def step_indicator(
     if theme is not False:
         resolved_theme = theme if theme is not None else get_active_theme()
 
-    return _component(
+    result = _component(
         component="step_indicator",
         steps=steps,
         currentStep=current_step,
@@ -59,3 +66,17 @@ def step_indicator(
         key=key,
         default=None,
     )
+
+    # Execute on_change callback if a step was clicked
+    if on_change and key:
+        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:
+            on_change(*(args or ()), **(kwargs or {}))
+
+        # Always update previous value
+        st.session_state[prev_key] = result
+
+    return result

{streamlit_react_components-1.8.1.3.dist-info → streamlit_react_components-1.8.1.4.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: streamlit-react-components
-Version: 1.8.1.3
+Version: 1.8.1.4
 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.3.dist-info → streamlit_react_components-1.8.1.4.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=hwCCVph157qY7W8npcohZr4IiA7HXaDVKbPHpV01jK8,5233586
 streamlit_react_components/common/__init__.py,sha256=l5BfFZdqjrdLG3sJnJrgahEiTgoBX92_aE0wp2tn_w0,606
-streamlit_react_components/common/button_group.py,sha256=TlOmJRCPEb4MWMmKKiTe2a8ENElC_YB83mHp_WCFDas,2672
+streamlit_react_components/common/button_group.py,sha256=CVUrFyLsybF2XiCKvzdxGRH7g4lzfsxEg9zqU80gkEg,3554
 streamlit_react_components/common/chart_legend.py,sha256=ylul6Os5A89S8fIJs7XpBdIk6uWijg_zwR1eB7u9wSw,1824
-streamlit_react_components/common/data_table.py,sha256=FSLX-ebI1_GC2bDXZcQoDfPQnYHtqF9ji53-4WWjH6c,2589
+streamlit_react_components/common/data_table.py,sha256=XdNvszJhAWC7K4E5GSAn8jXN8Xpkv04HnZU5V0I8Qc0,3463
 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=RjoBdgWrhrUc2Rs5lTxs_4ocBuMJDI8ELNIQE_0Y7js,1817
+streamlit_react_components/common/step_indicator.py,sha256=lsVDnIOOmbgNuIQgzG6u1R5nAszhJhkO8i5B5P05h8k,2697
 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.3.dist-info/METADATA,sha256=88SfH9dY_2E48T-9gAsJMOFqLcY99NNB_rh5aZfWTdE,21679
-streamlit_react_components-1.8.1.3.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
-streamlit_react_components-1.8.1.3.dist-info/top_level.txt,sha256=3JFrl15-Uewx3BFMSzqrBufF9GmTS1LDKfShmg0R9VE,27
-streamlit_react_components-1.8.1.3.dist-info/RECORD,,
+streamlit_react_components-1.8.1.4.dist-info/METADATA,sha256=r5MsVnj6_WJBuObu73Fh2iKNFYiiirhv7iYLj8sJjAc,21679
+streamlit_react_components-1.8.1.4.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
+streamlit_react_components-1.8.1.4.dist-info/top_level.txt,sha256=3JFrl15-Uewx3BFMSzqrBufF9GmTS1LDKfShmg0R9VE,27
+streamlit_react_components-1.8.1.4.dist-info/RECORD,,