Refactor hooks imports and usage in Flet

Moved hook functions (use_state, use_effect, etc.) to be imported directly from flet.components.hooks in flet/__init__.py, and removed their re-export from flet.hooks.__init__.py. Updated tic-tac-toe example to use hx.state instead of ft.use_state. This change clarifies the source of hooks and streamlines their usage.

Author: FeodorFitsner

sdk/python/examples/apps/declarative/tic-tac-toe.py

@@ -1,4 +1,5 @@
 import flet as ft
+import flet.hooks as hx
 
 
 @ft.component
@@ -55,8 +56,8 @@ def handle_click(i: int):
 
 @ft.component
 def Game():
-    history, set_history = ft.use_state([[""] * 9])
-    current_move, set_current_move = ft.use_state(0)
+    history, set_history = hx.state([[""] * 9])
+    current_move, set_current_move = hx.state(0)
     x_is_next = current_move % 2 == 0
 
     def handle_play(next_squares: list[str]):

sdk/python/packages/flet/src/flet/__init__.py

@@ -1,6 +1,11 @@
 from flet.app import app, app_async, run, run_async
 from flet.components.component import Component
 from flet.components.component_decorator import component
+from flet.components.hooks.use_callback import use_callback
+from flet.components.hooks.use_context import create_context, use_context
+from flet.components.hooks.use_effect import use_effect
+from flet.components.hooks.use_memo import use_memo
+from flet.components.hooks.use_state import use_state
 from flet.components.memo import memo
 from flet.components.observable import Observable, observable
 from flet.controls import alignment, border, border_radius, margin, padding
@@ -499,14 +504,6 @@
     VisualDensity,
     WebRenderer,
 )
-from flet.hooks import (
-    create_context,
-    use_callback,
-    use_context,
-    use_effect,
-    use_memo,
-    use_state,
-)
 from flet.pubsub.pubsub_client import PubSubClient
 from flet.pubsub.pubsub_hub import PubSubHub
 

sdk/python/packages/flet/src/flet/hooks/__init__.py

@@ -1,14 +1,13 @@
-from flet.components.hooks.use_callback import callback, use_callback
-from flet.components.hooks.use_context import context, create_context, use_context
+from flet.components.hooks.use_callback import callback
+from flet.components.hooks.use_context import context, create_context
 from flet.components.hooks.use_effect import (
     effect,
     mounted,
     unmounted,
     updated,
-    use_effect,
 )
-from flet.components.hooks.use_memo import memo, use_memo
-from flet.components.hooks.use_state import state, use_state
+from flet.components.hooks.use_memo import memo
+from flet.components.hooks.use_state import state
 
 __all__ = [
     "callback",
@@ -20,9 +19,4 @@
     "state",
     "unmounted",
     "updated",
-    "use_callback",
-    "use_context",
-    "use_effect",
-    "use_memo",
-    "use_state",
 ]