streamlit-react-components 1.0.2__py3-none-any.whl → 1.0.3__py3-none-any.whl

streamlit_react_components/common/stat_card.py

@@ -17,10 +17,16 @@ def stat_card(
     value: Union[str, int, float],
     color: str = "blue",
     icon: str = "",
+    planned: Optional[Union[str, int, float]] = None,
+    delta: Optional[Union[str, int, float]] = None,
+    delta_style: str = "auto",
+    delta_thresholds: Optional[Dict[str, float]] = None,
+    unit: str = "",
+    action: Optional[Dict[str, str]] = None,
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
     key: Optional[str] = None,
-) -> None:
+) -> Optional[str]:
     """
     Display a styled statistics card with a label and value.
 
@@ -30,12 +36,24 @@ def stat_card(
         color: Accent color - preset name ("blue", "green", "red", "yellow",
                "purple", "slate") or hex value (e.g., "#94a3b8")
         icon: Optional emoji or icon to display with the label
+        planned: Optional planned/target value to display
+        delta: Optional delta/difference value to display
+        delta_style: How to style the delta - "auto" (green/red based on sign),
+                     "neutral" (no color), "percentage" (show as %),
+                     "inverse" (red for positive, green for negative)
+        delta_thresholds: Optional thresholds for delta color based on magnitude
+                          e.g., {"warning": 10, "danger": 20}
+        unit: Unit of measurement (e.g., "kg", "%", "$")
+        action: Optional action button config {"id": "...", "label": "..."}
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
         key: Unique key for the component
 
+    Returns:
+        The action button id if clicked, None otherwise
+
     Example:
-        # Using preset color
+        # Basic usage (backwards compatible)
         stat_card(
             label="Within Threshold",
             value="4",
@@ -43,19 +61,43 @@ def stat_card(
             style={"minWidth": "150px"}
         )
 
-        # Using hex color
+        # With all new features
+        clicked = stat_card(
+            label="Production Output",
+            value=1234,
+            planned=1200,
+            delta=34,
+            delta_style="auto",
+            unit="kg",
+            color="green",
+            icon="📊",
+            action={"id": "details", "label": "View Details"}
+        )
+        if clicked == "details":
+            st.write("Details clicked!")
+
+        # With thresholds
         stat_card(
-            label="Custom Color",
-            value="42",
-            color="#ff5733"
+            label="Defect Rate",
+            value=15,
+            delta=5,
+            delta_style="inverse",
+            delta_thresholds={"warning": 3, "danger": 10},
+            unit="%"
         )
     """
-    _component(
+    return _component(
         component="stat_card",
         label=label,
         value=str(value),
         color=color,
         icon=icon,
+        planned=str(planned) if planned is not None else None,
+        delta=float(delta) if delta is not None else None,
+        deltaStyle=delta_style,
+        deltaThresholds=delta_thresholds,
+        unit=unit,
+        action=action,
         style=style,
         className=class_name,
         key=key,

{streamlit_react_components-1.0.2.dist-info → streamlit_react_components-1.0.3.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: streamlit-react-components
-Version: 1.0.2
+Version: 1.0.3
 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.0.2.dist-info → streamlit_react_components-1.0.3.dist-info}/RECORD

@@ -1,7 +1,7 @@
 streamlit_react_components/__init__.py,sha256=-m5OJx0vsfzD6k2m_2X8eMQXi9pgkreAuDZJoVWbdJ0,673
-streamlit_react_components/_frontend/index.css,sha256=vW-yXHEFGLJUbWgkRewomPA8R3Um6h8kADSJqzEHxIc,26376
+streamlit_react_components/_frontend/index.css,sha256=gN1hj1J5RV7pkO5Ynbl0Z_wTNCUtz9okN_KCJcEfWQU,26413
 streamlit_react_components/_frontend/index.html,sha256=CjBEtVYlgT_q06BE16EHFrUrJZ6z0MCprrTg7qgAWzw,381
-streamlit_react_components/_frontend/index.js,sha256=PxuSp_m4S-N4YTOJj3kEIWHCBcW_L3PPmJN44HHvzOo,5215566
+streamlit_react_components/_frontend/index.js,sha256=UuKRqAIw5EukWf-xcs9iB9SoRAYOWDUFM75mzBe9OQI,5217194
 streamlit_react_components/common/__init__.py,sha256=xUKaw_X2B2xd6AqW8oLzHupGp-TX3Fij0FjhMNwd-vs,550
 streamlit_react_components/common/button_group.py,sha256=g38gpR62dQ8KLd3JyANvGonT6tf-tyooIjC6t3O4iH0,2225
 streamlit_react_components/common/chart_legend.py,sha256=So703OO-sI6SWrSVGKH0OTiI-smr4luqgBtXQ9GwIlI,1377
@@ -10,13 +10,13 @@ streamlit_react_components/common/metric_row.py,sha256=abDfSrLvZO8MK2gglvE98L5U0
 streamlit_react_components/common/panel.py,sha256=O4URjnK8u9_byFzDO9RAFdpXjzNdxpXY1CX8gEEK1pY,1094
 streamlit_react_components/common/plotly_chart.py,sha256=px1pITa8GSYl_TTg4KzX81nQy_F-9XwUV_91fR7d0po,9368
 streamlit_react_components/common/section_header.py,sha256=2sVLWHjHx2WdhbVVLBgs5shwUUbw6lbAKbsAwiwIWpg,2983
-streamlit_react_components/common/stat_card.py,sha256=PimCX6Dd18DyfJn6tk0YmrA1zKvAiqeKXdHAKXhxiRQ,1674
+streamlit_react_components/common/stat_card.py,sha256=cNl5Kh8vzg3JbDDfp7TdwZ9HOxyoUw1Vn_Bt3QhMDUM,3415
 streamlit_react_components/common/step_indicator.py,sha256=araovSL_c5h66PawZBf5IlQbVoxXwE9kD0H10ZopVoU,1370
 streamlit_react_components/form/__init__.py,sha256=XP9oBEHSwLTNqu88sYm0F_n828yzPStDJl3N62HxVvc,222
 streamlit_react_components/form/checkbox_group.py,sha256=LbwfyIRKjTnWOB-a4OL2-vJXAJ9QpXhbrbdUz5bBdW4,2100
 streamlit_react_components/form/form_select.py,sha256=KILKVUO-Elb0nqbTEImxyoGQQrnZ_jft30iJSbY5ksk,1946
 streamlit_react_components/form/form_slider.py,sha256=4w9h-d-9yAHg3ZqUHCZGzsfUG3lP5OTwVrDo5sZAnfQ,2032
-streamlit_react_components-1.0.2.dist-info/METADATA,sha256=lNS5Fsxaii6LY3RlmkRGj-2W-fqQGBUXTpJnRgKY1go,21677
-streamlit_react_components-1.0.2.dist-info/WHEEL,sha256=qELbo2s1Yzl39ZmrAibXA2jjPLUYfnVhUNTlyF1rq0Y,92
-streamlit_react_components-1.0.2.dist-info/top_level.txt,sha256=3JFrl15-Uewx3BFMSzqrBufF9GmTS1LDKfShmg0R9VE,27
-streamlit_react_components-1.0.2.dist-info/RECORD,,
+streamlit_react_components-1.0.3.dist-info/METADATA,sha256=nAWOVVMnB59BJBDZ3yaQG5Vx5TSlCEVtlEYXPBusvd0,21677
+streamlit_react_components-1.0.3.dist-info/WHEEL,sha256=qELbo2s1Yzl39ZmrAibXA2jjPLUYfnVhUNTlyF1rq0Y,92
+streamlit_react_components-1.0.3.dist-info/top_level.txt,sha256=3JFrl15-Uewx3BFMSzqrBufF9GmTS1LDKfShmg0R9VE,27
+streamlit_react_components-1.0.3.dist-info/RECORD,,