update req.txt file and ruff

Author: LineIndent

retail_analytics_dashboard/requirements.txt

@@ -1,2 +1 @@
-
-reflex==0.7.8a1
+reflex>=0.7.8a1

retail_analytics_dashboard/retail_analytics_dashboard/components/billing_cycle.py

@@ -1,9 +1,9 @@
 import reflex as rx
-from retail_analytics_dashbaord.states.dashboard_state import DashboardState
 from retail_analytics_dashbaord.components.progress_bar import (
-    progress_bar,
     cost_progress_bar,
+    progress_bar,
 )
+from retail_analytics_dashbaord.states.dashboard_state import DashboardState
 
 
 def billing_cycle_stats() -> rx.Component:
@@ -40,9 +40,7 @@ def billing_workspace_stats() -> rx.Component:
 
 def billing_costs() -> rx.Component:
     """Renders billing costs."""
-    return cost_progress_bar(
-        items=DashboardState.billing_costs_items
-    )
+    return cost_progress_bar(items=DashboardState.billing_costs_items)
 
 
 def billing_cycle() -> rx.Component:
@@ -100,4 +98,4 @@ def billing_cycle() -> rx.Component:
             ),
             class_name="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
         ),
-    )
+    )

retail_analytics_dashboard/retail_analytics_dashboard/components/customize_charts_dialog.py

@@ -1,9 +1,9 @@
 import reflex as rx
+from retail_analytics_dashbaord.components.overview_chart import overview_chart
 from retail_analytics_dashbaord.states.dashboard_state import (
     DashboardState,
     OverviewMetric,
 )
-from retail_analytics_dashbaord.components.overview_chart import overview_chart
 
 
 def customize_chart_item(
@@ -14,12 +14,8 @@ def customize_chart_item(
         overview_chart(metric),
         rx.el.input(
             type="checkbox",
-            checked=DashboardState.temp_chart_visibility[
-                metric["id"]
-            ],
-            on_click=lambda: DashboardState.toggle_temp_chart_visibility(
-                metric["id"]
-            ),
+            checked=DashboardState.temp_chart_visibility[metric["id"]],
+            on_click=lambda: DashboardState.toggle_temp_chart_visibility(metric["id"]),
             class_name="absolute top-3 right-3 h-5 w-5 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded cursor-pointer",
         ),
         class_name="relative bg-white rounded-md shadow-sm border border-gray-200",
@@ -68,5 +64,5 @@ def customize_charts_dialog() -> rx.Component:
             ),
             class_name="fixed inset-0 z-50 overflow-hidden",
         ),
-        rx.el.div()
-    )
+        rx.el.div(),
+    )

retail_analytics_dashboard/retail_analytics_dashboard/components/overview_chart.py

@@ -1,10 +1,11 @@
+from typing import List
+
 import reflex as rx
 from retail_analytics_dashbaord.states.dashboard_state import (
     TOOLTIP_PROPS,
     ChartDataPoint,
     OverviewMetric,
 )
-from typing import List, Dict, Union
 
 
 def overview_chart(
@@ -21,8 +22,7 @@ def overview_chart(
                 metric["change"],
                 class_name="ml-2 text-xs font-medium px-1.5 py-0.5 rounded-full "
                 + rx.cond(
-                    metric["change_color"]
-                    == "text-green-600",
+                    metric["change_color"] == "text-green-600",
                     "bg-green-100 text-green-600",
                     "bg-red-100 text-red-600",
                 ),
@@ -47,9 +47,7 @@ def overview_chart(
                     vertical=False,
                     class_name="opacity-50",
                 ),
-                rx.recharts.graphing_tooltip(
-                    **TOOLTIP_PROPS
-                ),
+                rx.recharts.graphing_tooltip(**TOOLTIP_PROPS),
                 rx.recharts.line(
                     data_key="value1",
                     stroke="#8884d8",
@@ -76,9 +74,7 @@ def overview_chart(
                     tick_line=False,
                     domain=["auto", "auto"],
                 ),
-                data=metric["chart_data"].to(
-                    List[ChartDataPoint]
-                ),
+                data=metric["chart_data"].to(List[ChartDataPoint]),
                 height=120,
                 margin={
                     "top": 5,
@@ -91,4 +87,4 @@ def overview_chart(
             class_name="mt-3 -mb-2 -ml-2 -mr-2",
         ),
         class_name="p-4",
-    )
+    )

retail_analytics_dashboard/retail_analytics_dashboard/components/overview_section.py

@@ -1,6 +1,6 @@
 import reflex as rx
-from retail_analytics_dashbaord.states.dashboard_state import DashboardState
 from retail_analytics_dashbaord.components.overview_chart import overview_chart
+from retail_analytics_dashbaord.states.dashboard_state import DashboardState
 
 
 def overview_section() -> rx.Component:
@@ -32,4 +32,4 @@ def overview_section() -> rx.Component:
             ),
             class_name="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
         ),
-    )
+    )

retail_analytics_dashboard/retail_analytics_dashboard/components/progress_bar.py

@@ -11,9 +11,7 @@ def progress_bar(
     """A simple progress bar component."""
     return rx.el.div(
         rx.el.div(
-            rx.el.p(
-                label, class_name="text-sm text-gray-600"
-            ),
+            rx.el.p(label, class_name="text-sm text-gray-600"),
             rx.el.p(
                 f"{value} / {total}",
                 class_name="text-sm font-medium text-gray-800",
@@ -23,9 +21,7 @@ def progress_bar(
         rx.el.div(
             rx.el.div(
                 class_name="bg-indigo-600 h-2 rounded-full",
-                style={
-                    "width": percentage.to_string() + "%"
-                },
+                style={"width": percentage.to_string() + "%"},
             ),
             class_name="w-full bg-gray-200 rounded-full h-2",
         ),
@@ -43,12 +39,7 @@ def cost_progress_bar(
                 lambda item: rx.el.div(
                     class_name=item["color"]
                     + " h-2 first:rounded-l-full last:rounded-r-full",
-                    style={
-                        "width": item[
-                            "percentage"
-                        ].to_string()
-                        + "%"
-                    },
+                    style={"width": item["percentage"].to_string() + "%"},
                 ),
             ),
             class_name="flex w-full bg-gray-200 rounded-full h-2 overflow-hidden",
@@ -57,10 +48,7 @@ def cost_progress_bar(
             rx.foreach(
                 items,
                 lambda item: rx.el.div(
-                    rx.el.span(
-                        class_name="w-2 h-2 rounded-full mr-2 "
-                        + item["color"]
-                    ),
+                    rx.el.span(class_name="w-2 h-2 rounded-full mr-2 " + item["color"]),
                     rx.el.span(
                         f"{item['label']} ({item['value']} / {item['percentage']}%)",
                         class_name="text-xs text-gray-600",
@@ -79,4 +67,4 @@ def cost_progress_bar(
             DashboardState.total_budget.to_string(),
             class_name="text-xs text-gray-500 mt-2 text-right",
         ),
-    )
+    )

retail_analytics_dashboard/retail_analytics_dashboard/components/sidebar.py

@@ -5,14 +5,10 @@
 def sidebar_nav_item(item: rx.Var[dict]) -> rx.Component:
     """Renders a single navigation item in the sidebar."""
     return rx.el.a(
-        rx.icon(
-            tag=item["icon"], class_name="w-5 h-5 mr-3"
-        ),
+        rx.icon(tag=item["icon"], class_name="w-5 h-5 mr-3"),
         item["name"],
         href="#",
-        on_click=lambda: DashboardState.set_active_nav(
-            item["name"]
-        ),
+        on_click=lambda: DashboardState.set_active_nav(item["name"]),
         class_name=rx.cond(
             item["active"],
             "flex items-center px-4 py-2 text-sm font-medium text-indigo-700 bg-indigo-100 rounded-md transition-colors duration-150",
@@ -111,4 +107,4 @@ def sidebar() -> rx.Component:
             class_name="flex flex-col h-full",
         ),
         class_name="hidden lg:flex w-64 border-r border-gray-200 flex-shrink-0 sticky top-0 h-screen overflow-y-auto",
-    )
+    )

retail_analytics_dashboard/retail_analytics_dashboard/retail_analytics_dashbaord.py

@@ -1,11 +1,10 @@
 import reflex as rx
-from retail_analytics_dashbaord.states.dashboard_state import DashboardState
-from retail_analytics_dashbaord.components.sidebar import sidebar
 from retail_analytics_dashbaord.components.billing_cycle import billing_cycle
-from retail_analytics_dashbaord.components.overview_section import overview_section
 from retail_analytics_dashbaord.components.customize_charts_dialog import (
     customize_charts_dialog,
 )
+from retail_analytics_dashbaord.components.overview_section import overview_section
+from retail_analytics_dashbaord.components.sidebar import sidebar
 
 
 def index() -> rx.Component:
@@ -24,4 +23,4 @@ def index() -> rx.Component:
 
 
 app = rx.App(theme=rx.theme(appearance="light"))
-app.add_page(index)
+app.add_page(index)

retail_analytics_dashboard/retail_analytics_dashboard/states/dashboard_state.py

@@ -1,7 +1,8 @@
-import reflex as rx
-from typing import TypedDict, List, Union, Dict, Any
-import random
 import datetime
+import random
+from typing import Dict, List, TypedDict
+
+import reflex as rx
 
 TOOLTIP_PROPS = {
     "content_style": {
@@ -84,24 +85,16 @@ def generate_chart_data(
     max_val2: int = 150,
 ) -> List[ChartDataPoint]:
     data: List[ChartDataPoint] = []
-    start_date = datetime.datetime.strptime(
-        start_date_str, "%d/%m/%Y"
-    )
-    end_date = datetime.datetime.strptime(
-        end_date_str, "%d/%m/%Y"
-    )
+    start_date = datetime.datetime.strptime(start_date_str, "%d/%m/%Y")
+    end_date = datetime.datetime.strptime(end_date_str, "%d/%m/%Y")
     date_delta = (end_date - start_date) / (num_points - 1)
     for i in range(num_points):
         current_date = start_date + date_delta * i
         data.append(
             {
                 "date": current_date.strftime("%d/%m/%Y"),
-                "value1": random.randint(
-                    min_val1, max_val1
-                ),
-                "value2": random.randint(
-                    min_val2, max_val2
-                ),
+                "value1": random.randint(min_val1, max_val1),
+                "value2": random.randint(min_val2, max_val2),
             }
         )
     return data
@@ -327,25 +320,17 @@ class DashboardState(rx.State):
             "color": "bg-gray-400",
         },
     ]
-    overview_metrics: List[OverviewMetric] = (
-        overview_metrics_data
-    )
+    overview_metrics: List[OverviewMetric] = overview_metrics_data
     chart_visibility: Dict[str, bool] = {
-        metric["id"]: True
-        for metric in overview_metrics_data
+        metric["id"]: True for metric in overview_metrics_data
     }
     temp_chart_visibility: Dict[str, bool] = {}
     show_customize_dialog: bool = False
 
     @rx.var
     def current_total_cost(self) -> float:
         """Calculates the current total cost from the breakdown items."""
-        return sum(
-            (
-                item["value_num"]
-                for item in self.billing_costs_items
-            )
-        )
+        return sum((item["value_num"] for item in self.billing_costs_items))
 
     @rx.var
     def remaining_budget_value(self) -> float:
@@ -357,22 +342,13 @@ def remaining_budget_percentage(self) -> float:
         """Calculates the remaining budget percentage."""
         if self.total_budget == 0:
             return 0.0
-        percentage = (
-            self.remaining_budget_value
-            / self.total_budget
-            * 100
-        )
+        percentage = self.remaining_budget_value / self.total_budget * 100
         return round(percentage * 10) / 10
 
     @rx.var
     def total_cost_percentage(self) -> float:
         """Calculates the total percentage used based on cost items."""
-        return sum(
-            (
-                item["percentage"]
-                for item in self.billing_costs_items
-            )
-        )
+        return sum((item["percentage"] for item in self.billing_costs_items))
 
     @rx.var
     def visible_overview_metrics(
@@ -382,9 +358,7 @@ def visible_overview_metrics(
         return [
             metric
             for metric in self.overview_metrics
-            if self.chart_visibility.get(
-                metric["id"], False
-            )
+            if self.chart_visibility.get(metric["id"], False)
         ]
 
     @rx.event
@@ -399,31 +373,25 @@ def set_active_nav(self, item_name: str):
     @rx.event
     def toggle_customize_dialog(self):
         """Toggles the customize charts dialog and initializes temporary visibility."""
-        self.show_customize_dialog = (
-            not self.show_customize_dialog
-        )
+        self.show_customize_dialog = not self.show_customize_dialog
         if self.show_customize_dialog:
-            self.temp_chart_visibility = (
-                self.chart_visibility.copy()
-            )
+            self.temp_chart_visibility = self.chart_visibility.copy()
 
     @rx.event
     def toggle_temp_chart_visibility(self, chart_id: str):
         """Toggles the visibility of a specific chart in the temporary state."""
         if chart_id in self.temp_chart_visibility:
-            self.temp_chart_visibility[chart_id] = (
-                not self.temp_chart_visibility[chart_id]
-            )
+            self.temp_chart_visibility[chart_id] = not self.temp_chart_visibility[
+                chart_id
+            ]
 
     @rx.event
     def apply_chart_visibility(self):
         """Applies the temporary visibility settings to the actual state and closes the dialog."""
-        self.chart_visibility = (
-            self.temp_chart_visibility.copy()
-        )
+        self.chart_visibility = self.temp_chart_visibility.copy()
         self.show_customize_dialog = False
 
     @rx.event
     def cancel_chart_visibility(self):
         """Closes the dialog without applying changes."""
-        self.show_customize_dialog = False
+        self.show_customize_dialog = False

retail_analytics_dashboard/rxconfig.py

@@ -1,3 +1,3 @@
 import reflex as rx
 
-config = rx.Config(app_name="retail_analytics_dashboard")
+config = rx.Config(app_name="retail_analytics_dashboard")