solara-ui 1.42.0__py2.py3-none-any.whl → 1.44.0__py2.py3-none-any.whl

solara/website/pages/documentation/api/routing/route.py

@@ -14,18 +14,16 @@ routes = [
 @solara.component
 def Page():
     route_current, routes = solara.use_route()
-    with solara.VBox() as main:
-        # solara.Warning("Note the address bar in the browser. It should change to the path of the link.")
-        solara.Markdown("*Click on one of the links below to change the route and see the url in your browser change, and match the route.*")
-        with solara.VBox():
-            for route in routes:
-                with solara.Link(route):
-                    current = route_current is route
-                    if current:
-                        solara.Success(f"You are at solara.Route(path={route.path!r})")
-                    else:
-                        solara.Info(f"Go to solara.Route(path={route.path!r})")
-    return main
+
+    solara.Markdown("*Click on one of the links below to change the route and see the url in your browser change, and match the route.*")
+    with solara.VBox():
+        for route in routes:
+            with solara.Link(route):
+                current = route_current is route
+                if current:
+                    solara.Success(f"You are at solara.Route(path={route.path!r})")
+                else:
+                    solara.Info(f"Go to solara.Route(path={route.path!r})")
 
 
 __doc__ += apidoc(solara.Route, full=True)  # type: ignore

solara/website/pages/documentation/api/routing/use_route.py

@@ -23,43 +23,39 @@ def Fruit():
             solara.Button("Choose a fruit, I recomment banana")
         return main
 
-    with solara.VBox() as main:
-        with solara.HBox():
-            for route_fruit in routes[1:]:
-                with solara.Link(solara.resolve_path(route_fruit)):
-                    solara.Button(route_fruit.path)
+    with solara.Row():
+        for route_fruit in routes[1:]:
+            with solara.Link(solara.resolve_path(route_fruit)):
+                solara.Button(route_fruit.path)
 
-            with solara.Link("/documentation/api/routing/use_route/fruit/nofruit", nofollow=True):
-                solara.Button("Wrong fruit")
-            with solara.Link("/documentation/api/routing/use_route/not-routed", nofollow=True):
-                solara.Button("Wrong url")
-        solara.Success(f"You chose {route.path}")
-    return main
+        with solara.Link("/documentation/api/routing/use_route/fruit/nofruit", nofollow=True):
+            solara.Button("Wrong fruit")
+        with solara.Link("/documentation/api/routing/use_route/not-routed", nofollow=True):
+            solara.Button("Wrong url")
+    solara.Success(f"You chose {route.path}")
 
 
 @solara.component
 def Page():
     # this gets the top level routes, '/' and 'fruit'
     route_current, routes_all = solara.use_route()
-    with solara.VBox() as main:
-        with solara.Card("Navigation using buttons"):
-            with solara.HBox():
-                for route in routes_all:
-                    with solara.Link(route):
-                        solara.Button(route.path, color="red" if route_current == route else None)
-        with solara.Card("Content decided by route:"):
-            if route_current is None:
-                solara.Error("Page does not exist")
-                with solara.Link("fruit/kiwi"):
-                    solara.Button("Go to fruit/kiwi")
-            elif route_current.path == "/":
-                with solara.Link("fruit/banana"):
-                    solara.Button("Go to fruit/banana")
-            elif route_current.path == "fruit":
-                Fruit()
-            else:
-                solara.Error(f"Unknown route: {route_current.path}")
-    return main
+    with solara.Card("Navigation using buttons"):
+        with solara.Row():
+            for route in routes_all:
+                with solara.Link(route):
+                    solara.Button(route.path, color="red" if route_current == route else None)
+    with solara.Card("Content decided by route:"):
+        if route_current is None:
+            solara.Error("Page does not exist")
+            with solara.Link("fruit/kiwi"):
+                solara.Button("Go to fruit/kiwi")
+        elif route_current.path == "/":
+            with solara.Link("fruit/banana"):
+                solara.Button("Go to fruit/banana")
+        elif route_current.path == "fruit":
+            Fruit()
+        else:
+            solara.Error(f"Unknown route: {route_current.path}")
 
 
 routes = [

solara/website/pages/documentation/components/advanced/link.py

@@ -14,14 +14,12 @@ routes = [
 @solara.component
 def Page():
     route_current, routes = solara.use_route()
-    with solara.VBox() as main:
-        solara.Info("Note the address bar in the browser. It should change to the path of the link.")
-        with solara.HBox():
-            for route in routes:
-                with solara.Link(route):
-                    current = route_current is route
-                    solara.Button(f"Go to {route.path}", color="red" if current else None)
-    return main
+    solara.Info("Note the address bar in the browser. It should change to the path of the link.")
+    with solara.Row():
+        for route in routes:
+            with solara.Link(route):
+                current = route_current is route
+                solara.Button(f"Go to {route.path}", color="red" if current else None)
 
 
 __doc__ += apidoc(solara.Link.f)  # type: ignore

solara/website/pages/documentation/components/advanced/meta.py

@@ -6,15 +6,12 @@ from solara.website.utils import apidoc
 
 @solara.component
 def Page():
-    with solara.VBox() as main:
-        solara.Info("Nothing to see here, only in this page's source code, or by looking at the google search results for this page.")
-        with solara.Head():
-            solara.Meta(
-                name="description",
-                content="The Meta component can be used to set the description of a page. This is useful for SEO, or crawlers that index your page.",
-            )
-
-    return main
+    solara.Info("Nothing to see here, only in this page's source code, or by looking at the google search results for this page.")
+    with solara.Head():
+        solara.Meta(
+            name="description",
+            content="The Meta component can be used to set the description of a page. This is useful for SEO, or crawlers that index your page.",
+        )
 
 
 __doc__ += apidoc(solara.Meta.f)  # type: ignore

solara/website/pages/documentation/components/advanced/style.py

@@ -26,20 +26,18 @@ def Page():
     }
     """
 
-    with solara.VBox() as main:
-        solara.Checkbox(label="Use CSS", value=insert_css, on_value=set_insert_css)
-        solara.Markdown(
-            f"""
+    solara.Checkbox(label="Use CSS", value=insert_css, on_value=set_insert_css)
+    solara.Markdown(
+        f"""
 ## CSS Example that styles the button below
 ```css
 {css}
 ```
 """
-        )
-        if insert_css:
-            solara.Style(css)
-        solara.Button(label="Advanced users might want to style this", icon_name="mdi-thumb-up", classes=["mybutton"])
-    return main
+    )
+    if insert_css:
+        solara.Style(css)
+    solara.Button(label="Advanced users might want to style this", icon_name="mdi-thumb-up", classes=["mybutton"])
 
 
 __doc__ += apidoc(solara.Style.f)  # type: ignore

solara/website/pages/documentation/components/input/file_browser.py

@@ -13,20 +13,18 @@ def Page():
     path, set_path = solara.use_state(cast(Optional[Path], None))
     directory, set_directory = solara.use_state(Path("~").expanduser())
 
-    with solara.VBox() as main:
-        can_select = solara.ui_checkbox("Enable select")
-
-        def reset_path():
-            set_path(None)
-            set_file(None)
-
-        # reset path and file when can_select changes
-        solara.use_memo(reset_path, [can_select])
-        solara.FileBrowser(directory, on_directory_change=set_directory, on_path_select=set_path, on_file_open=set_file, can_select=can_select)
-        solara.Info(f"You are in directory: {directory}")
-        solara.Info(f"You selected path: {path}")
-        solara.Info(f"You opened file: {file}")
-    return main
+    can_select = solara.ui_checkbox("Enable select")
+
+    def reset_path():
+        set_path(None)
+        set_file(None)
+
+    # reset path and file when can_select changes
+    solara.use_memo(reset_path, [can_select])
+    solara.FileBrowser(directory, on_directory_change=set_directory, on_path_select=set_path, on_file_open=set_file, can_select=can_select)
+    solara.Info(f"You are in directory: {directory}")
+    solara.Info(f"You selected path: {path}")
+    solara.Info(f"You opened file: {file}")
 
 
 __doc__ += apidoc(solara.FileBrowser.f)  # type: ignore

solara/website/pages/documentation/components/lab/input_time.py

@@ -0,0 +1,15 @@
+"""
+# InputTime
+"""
+
+import solara
+from solara.website.components import NoPage
+from solara.website.utils import apidoc
+
+title = "InputTime"
+
+
+__doc__ += apidoc(solara.lab.components.input_time.InputTime.f)  # type: ignore
+
+
+Page = NoPage

solara/website/pages/documentation/components/lab/theming.py

@@ -27,6 +27,8 @@ whether dark theme is enabled or not.
 
 ## Example
 
+**Note**: Light and dark theme colors have to be set separately.
+
 ```solara
 import solara
 import solara.lab
@@ -35,14 +37,14 @@ from solara.lab import theme as theme
 
 def change_color(colors):
     if "purple" in colors:
-        theme.themes.light.info = "#8617c2"
+        theme.themes.light.info = theme.themes.dark.info = "#8617c2"
     else:
-        theme.themes.light.info = "#2196f3"
+        theme.themes.light.info = theme.themes.dark.info = "#2196f3"
 
     if "green" in colors:
-        theme.themes.light.error = "#33bd65"
+        theme.themes.light.error = theme.themes.dark.error = "#33bd65"
     else:
-        theme.themes.light.error = "#ff5252"
+        theme.themes.light.error = theme.themes.dark.error = "#ff5252"
 
 
 @solara.component

solara/website/pages/documentation/components/layout/columns_responsive.py

@@ -23,46 +23,44 @@ columns_xlarge = solara.reactive(1)
 
 @solara.component
 def Page():
-    with solara.VBox() as main:
-        with solara.Card("Controls"):
-            solara.Checkbox(label="Wrap").connect(wrap)
-            solara.Checkbox(label="Gutters").connect(gutters)
-            solara.Checkbox(label="Dense gutters").connect(gutters_dense)
-            solara.IntSlider("Children", max=20).connect(children_count)
+    with solara.Card("Controls"):
+        solara.Checkbox(label="Wrap").connect(wrap)
+        solara.Checkbox(label="Gutters").connect(gutters)
+        solara.Checkbox(label="Dense gutters").connect(gutters_dense)
+        solara.IntSlider("Children", max=20).connect(children_count)
 
-            solara.Select("columns default", values=[1, 2, 3, 4, 6, 12]).connect(columns_default)  # type: ignore
-            solara.Select("columns small", values=[1, 2, 3, 4, 6, 12]).connect(columns_small)  # type: ignore
-            solara.Select("columns medium", values=[1, 2, 3, 4, 6, 12]).connect(columns_medium)  # type: ignore
-            solara.Select("columns large", values=[1, 2, 3, 4, 6, 12]).connect(columns_large)  # type: ignore
-            solara.Select("columns xlarge", values=[1, 2, 3, 4, 6, 12]).connect(columns_xlarge)  # type: ignore
-        # taken from https://v2.vuetifyjs.com/en/styles/display/#display
-        solara.HTML(
-            "h2", unsafe_innerHTML=f"Current screensize is xsmall/default, each child is {columns_default.value} points wide", class_="ma-2 d-flex d-sm-none ma"
-        )
-        solara.HTML(
-            "h2", unsafe_innerHTML=f"Current screensize is small, each child is {columns_small.value} points wide", class_="ma-2 d-none d-sm-flex d-md-none"
-        )
-        solara.HTML(
-            "h2", unsafe_innerHTML=f"Current screensize is medium, each child is {columns_medium.value} points wide", class_="ma-2 d-none d-md-flex d-lg-none"
-        )
-        solara.HTML(
-            "h2", unsafe_innerHTML=f"Current screensize is large, each child is {columns_large.value} points wide", class_="ma-2 d-none d-lg-flex d-xl-none"
-        )
-        solara.HTML("h2", unsafe_innerHTML=f"Current screensize is xlarge, each child is {columns_xlarge.value} points wide", class_="ma-2 d-none d-xl-flex")
-        solara.Markdown("Change the screen size to see the effect of the different columns sizes.")
-        with solara.ColumnsResponsive(
-            default=columns_default.value,
-            small=columns_small.value,
-            medium=columns_medium.value,
-            large=columns_large.value,
-            xlarge=columns_xlarge.value,
-            wrap=wrap.value,
-            gutters=gutters.value,
-            gutters_dense=gutters_dense.value,
-        ):
-            for i in range(children_count.value):
-                solara.Text(f"{i}")
-    return main
+        solara.Select("columns default", values=[1, 2, 3, 4, 6, 12]).connect(columns_default)  # type: ignore
+        solara.Select("columns small", values=[1, 2, 3, 4, 6, 12]).connect(columns_small)  # type: ignore
+        solara.Select("columns medium", values=[1, 2, 3, 4, 6, 12]).connect(columns_medium)  # type: ignore
+        solara.Select("columns large", values=[1, 2, 3, 4, 6, 12]).connect(columns_large)  # type: ignore
+        solara.Select("columns xlarge", values=[1, 2, 3, 4, 6, 12]).connect(columns_xlarge)  # type: ignore
+    # taken from https://v2.vuetifyjs.com/en/styles/display/#display
+    solara.HTML(
+        "h2", unsafe_innerHTML=f"Current screensize is xsmall/default, each child is {columns_default.value} points wide", class_="ma-2 d-flex d-sm-none ma"
+    )
+    solara.HTML(
+        "h2", unsafe_innerHTML=f"Current screensize is small, each child is {columns_small.value} points wide", class_="ma-2 d-none d-sm-flex d-md-none"
+    )
+    solara.HTML(
+        "h2", unsafe_innerHTML=f"Current screensize is medium, each child is {columns_medium.value} points wide", class_="ma-2 d-none d-md-flex d-lg-none"
+    )
+    solara.HTML(
+        "h2", unsafe_innerHTML=f"Current screensize is large, each child is {columns_large.value} points wide", class_="ma-2 d-none d-lg-flex d-xl-none"
+    )
+    solara.HTML("h2", unsafe_innerHTML=f"Current screensize is xlarge, each child is {columns_xlarge.value} points wide", class_="ma-2 d-none d-xl-flex")
+    solara.Markdown("Change the screen size to see the effect of the different columns sizes.")
+    with solara.ColumnsResponsive(
+        default=columns_default.value,
+        small=columns_small.value,
+        medium=columns_medium.value,
+        large=columns_large.value,
+        xlarge=columns_xlarge.value,
+        wrap=wrap.value,
+        gutters=gutters.value,
+        gutters_dense=gutters_dense.value,
+    ):
+        for i in range(children_count.value):
+            solara.Text(f"{i}")
 
 
 __doc__ += apidoc(solara.ColumnsResponsive.f)  # type: ignore

solara/website/pages/documentation/components/layout/gridfixed.py

@@ -13,9 +13,7 @@ title = "GridFixed"
 
 @solara.component
 def Page():
-    with solara.VBox() as main:
-        colors = "green red orange brown yellow pink".split()
-        with solara.GridFixed(columns=3):
-            for color in colors:
-                ColorCard(color, color)
-    return main
+    colors = "green red orange brown yellow pink".split()
+    with solara.GridFixed(columns=3):
+        for color in colors:
+            ColorCard(color, color)

solara/website/pages/documentation/components/output/html.py

@@ -13,9 +13,7 @@ def Page():
     <li>Item 2
 </ul>
 """
-    with solara.VBox() as main:
-        solara.HTML(tag="div", unsafe_innerHTML=html)
-    return main
+    solara.HTML(tag="div", unsafe_innerHTML=html)
 
 
 __doc__ += apidoc(solara.HTML.f)  # type: ignore

solara/website/pages/documentation/components/output/sql_code.py

@@ -15,7 +15,6 @@ except ImportError:
     vaex = None
 
 import solara
-from solara.alias import rv
 from solara.website.utils import apidoc
 
 if vaex is not None:
@@ -56,30 +55,29 @@ def Page():
         return df
 
     result: solara.Result[pd.DataFrame] = solara.use_thread(run_query, dependencies=[query_executed])  # noqa: SH101
-    with solara.VBox() as main:
-        solara.SqlCode(query=query, tables=table_hints, on_query=set_query)
-        enable_execute = (query != query_executed) or result.error is not None
-
-        def execute():
-            set_query_executed(query)
-            if query == query_executed and result.error:
-                result.retry()  # type: ignore
-
-        solara.Button("Execute", on_click=execute, disabled=not enable_execute)
-        if result.error:
-            solara.Error(f"Ooops {result.error}")
-        elif not query:
-            solara.Info("No query")
-
-        elif result.value is not None:
-            solara.Markdown(f"Result for query: `{query_executed}`")
-            df = result.value
-            solara.DataFrame(df)
-        elif query_executed is not None:
-            with solara.Div():
-                solara.Text("Loading data...")
-                rv.ProgressCircular(indeterminate=True, class_="solara-progress")
-    return main
+
+    solara.SqlCode(query=query, tables=table_hints, on_query=set_query)
+    enable_execute = (query != query_executed) or result.error is not None
+
+    def execute():
+        set_query_executed(query)
+        if query == query_executed and result.error:
+            result.retry()  # type: ignore
+
+    solara.Button("Execute", on_click=execute, disabled=not enable_execute)
+    if result.error:
+        solara.Error(f"Ooops {result.error}")
+    elif not query:
+        solara.Info("No query")
+
+    elif result.value is not None:
+        solara.Markdown(f"Result for query: `{query_executed}`")
+        df = result.value
+        solara.DataFrame(df)
+    elif query_executed is not None:
+        with solara.Div():
+            solara.Text("Loading data...")
+            solara.v.ProgressCircular(indeterminate=True, class_="solara-progress")
 
 
 __doc__ += apidoc(solara.SqlCode.f)  # type: ignore

solara/website/pages/documentation/components/page/head.py

@@ -6,13 +6,10 @@ from solara.website.utils import apidoc
 
 @solara.component
 def Page():
-    with solara.VBox() as main:
-        solara.Info("A Head component does not render somesome visual on the page, but it is used to avoid duplicate tags, such as titles.")
-        with solara.Head():
-            # title should always occur inside a Head component
-            solara.Title("Custom title")
-
-    return main
+    solara.Info("A Head component does not render somesome visual on the page, but it is used to avoid duplicate tags, such as titles.")
+    with solara.Head():
+        # title should always occur inside a Head component
+        solara.Title("Custom title")
 
 
 __doc__ += apidoc(solara.Head.f)  # type: ignore

solara/website/pages/documentation/components/page/title.py

@@ -8,20 +8,18 @@ from solara.website.utils import apidoc
 
 @solara.component
 def Page():
-    title, set_title = solara.use_state(cast(Optional[str], "Custom title!"))
-    with solara.VBox() as main:
-        solara.ToggleButtonsSingle(value=title, values=[None, "Custom title!", "Different custom title"], on_value=set_title)
-
-        if title is not None:
-            # if the title is not set in a child component, the parent's title will be used
-            with solara.Head():
-                # title should always occur inside a Head component
-                solara.Title(title)
-            solara.Info(f"Your browser tab title should say {title}", classes=["mt-4"])
-        else:
-            solara.Warning("If no title is set, the parent title is used.", classes=["mt-4"])
-
-    return main
+    title = solara.use_reactive(cast(Optional[str], "Custom title!"))
+
+    solara.ToggleButtonsSingle(value=title, values=[None, "Custom title!", "Different custom title"])
+
+    if title is not None:
+        # if the title is not set in a child component, the parent's title will be used
+        with solara.Head():
+            # title should always occur inside a Head component
+            solara.Title(title)
+        solara.Info(f"Your browser tab title should say {title}", classes=["mt-4"])
+    else:
+        solara.Warning("If no title is set, the parent title is used.", classes=["mt-4"])
 
 
 __doc__ += apidoc(solara.Title.f)  # type: ignore

solara/website/pages/documentation/components/status/error.py

@@ -17,24 +17,23 @@ from solara.website.utils import apidoc
 
 @solara.component
 def Page():
-    icon, set_icon = solara.use_state(True)
-    dense, set_dense = solara.use_state(False)
-    outlined, set_outlined = solara.use_state(True)
-    text, set_text = solara.use_state(True)
-    with solara.VBox() as main:
-        with solara.GridFixed(4):
-            solara.Checkbox(label="Use icon", value=icon, on_value=set_icon)
-            solara.Checkbox(label="Show dense", value=dense, on_value=set_dense)
-            solara.Checkbox(label="Show as text", value=text, on_value=set_text)
-            solara.Checkbox(label="Show outlined", value=outlined, on_value=set_outlined)
-        solara.Error(
-            f"This is solara.Error(label='...', text={text}, dense={dense}, outlined={outlined}, icon={icon})",
-            text=text,
-            dense=dense,
-            outlined=outlined,
-            icon=icon,
-        )
-    return main
+    icon = solara.use_reactive(True)
+    dense = solara.use_reactive(False)
+    outlined = solara.use_reactive(True)
+    text = solara.use_reactive(True)
+
+    with solara.GridFixed(4):
+        solara.Checkbox(label="Use icon", value=icon)
+        solara.Checkbox(label="Show dense", value=dense)
+        solara.Checkbox(label="Show as text", value=text)
+        solara.Checkbox(label="Show outlined", value=outlined)
+    solara.Error(
+        f"This is solara.Error(label='...', text={text.value}, dense={dense.value}, outlined={outlined.value}, icon={icon.value})",
+        text=text.value,
+        dense=dense.value,
+        outlined=outlined.value,
+        icon=icon.value,
+    )
 
 
 __doc__ += apidoc(solara.Error.f)  # type: ignore

solara/website/pages/documentation/components/status/info.py

@@ -17,24 +17,23 @@ from solara.website.utils import apidoc
 
 @solara.component
 def Page():
-    icon, set_icon = solara.use_state(True)
-    dense, set_dense = solara.use_state(False)
-    outlined, set_outlined = solara.use_state(True)
-    text, set_text = solara.use_state(True)
-    with solara.VBox() as main:
-        with solara.GridFixed(4):
-            solara.Checkbox(label="Use icon", value=icon, on_value=set_icon)
-            solara.Checkbox(label="Show dense", value=dense, on_value=set_dense)
-            solara.Checkbox(label="Show as text", value=text, on_value=set_text)
-            solara.Checkbox(label="Show outlined", value=outlined, on_value=set_outlined)
-        solara.Info(
-            f"This is solara.Info(label='...', text={text}, dense={dense}, outlined={outlined}, icon={icon})",
-            text=text,
-            dense=dense,
-            outlined=outlined,
-            icon=icon,
-        )
-    return main
+    icon = solara.use_reactive(True)
+    dense = solara.use_reactive(False)
+    outlined = solara.use_reactive(True)
+    text = solara.use_reactive(True)
+
+    with solara.GridFixed(4):
+        solara.Checkbox(label="Use icon", value=icon)
+        solara.Checkbox(label="Show dense", value=dense)
+        solara.Checkbox(label="Show as text", value=text)
+        solara.Checkbox(label="Show outlined", value=outlined)
+    solara.Info(
+        f"This is solara.Info(label='...', text={text.value}, dense={dense.value}, outlined={outlined.value}, icon={icon.value})",
+        text=text.value,
+        dense=dense.value,
+        outlined=outlined.value,
+        icon=icon.value,
+    )
 
 
 __doc__ += apidoc(solara.Info.f)  # type: ignore

solara/website/pages/documentation/examples/__init__.py

@@ -3,6 +3,11 @@ from solara.website.components import Gallery, MarkdownWithMetadata
 
 title = "Examples"
 
+pycafe_projects = [
+    "chatbot",
+    "tokenizer",
+]
+
 
 @solara.component
 def Page(route_external=None):
@@ -37,6 +42,11 @@ def Layout(children):
             with solara.Column(style={"max-width": "min(100%, 1024px)", "width": "100%"}):
                 if route_current.path != "/":
                     solara.Button("View source code on GitHub", icon_name="mdi-github-circle", href=github_url, class_="ma-2", target="_blank", text=True)
+                if route_current.path in pycafe_projects:
+                    pycafe_url = f"https://py.cafe/solara/{route_current.path}"
+                    solara.Button(
+                        "Run this example on PyCafe", icon_name="mdi-coffee-to-go-outline", href=pycafe_url, class_="ma-2", target="_blank", text=True
+                    )
                 if not hasattr(module, "Page"):
                     solara.Error(f"No Page component found in {module}")
                 else: