solara 1.6.0__py2.py3-none-any.whl → 1.7.0__py2.py3-none-any.whl

solara/__init__.py

@@ -1,5 +1,5 @@
 """Build webapps using IPywidgets"""
-__version__ = "1.6.0"
+__version__ = "1.7.0"
 github_url = "https://github.com/widgetti/solara"
 git_branch = "master"
 
@@ -35,6 +35,7 @@ from reacton import (
     use_state,
     use_state_widget,
 )  # noqa: F403, F401
+from reacton.core import Element  # noqa: F403, F401
 from . import util
 
 # flake8: noqa: F402

solara/autorouting.py

@@ -3,6 +3,7 @@ import importlib
 import inspect
 import pkgutil
 import re
+import warnings
 from pathlib import Path
 from types import ModuleType
 from typing import Any, Callable, List, Optional, cast
@@ -356,7 +357,7 @@ def generate_routes(module: ModuleType) -> List[solara.Route]:
                     raise KeyError(f"Route {k!r} listen in route_order not found in {module}")
             routes = [lookup[k] for k in route_order]
             if set(lookup) - set(route_order):
-                raise KeyError(f"Some routes are not in route_order: {set(lookup) - set(route_order)}")
+                warnings.warn(f"Some routes are not in route_order: {set(lookup) - set(route_order)}")
 
     else:
         children = getattr(module, "routes", [])

solara/checks.py

@@ -62,7 +62,7 @@ def get_server_python_executable(silent: bool = False):
 
 
 libraries_minimal = [
-    {"python": "ipyvuetify", "classic": "jupyter-vuetify/extension", "lab": "jupyter-vuetify2"},
+    {"python": "ipyvuetify", "classic": "jupyter-vuetify/extension", "lab": "jupyter-vuetify"},
     {"python": "ipyvue", "classic": "jupyter-vue/extension", "lab": "jupyter-vue"},
 ]
 

solara/components/applayout.py

@@ -218,7 +218,7 @@ def AppLayout(
 
     title = t.use_title_get() or title
 
-    show_app_bar = title or routes or children_appbar or use_drawer
+    show_app_bar = title or (routes and navigation) or children_appbar or use_drawer
     if not show_app_bar and not children_sidebar and len(children) == 1:
         return children[0]
     if embedded_mode and not fullscreen:

solara/components/cross_filter.py

@@ -315,7 +315,7 @@ def CrossFilterSlider(
 
 
 @solara.component
-def CrossFilterDataFrame(df, column_actions: List[ColumnAction] = [], cell_actions: List[CellAction] = []):
+def CrossFilterDataFrame(df, items_per_page=20, column_actions: List[ColumnAction] = [], cell_actions: List[CellAction] = [], scrollable=False):
     """Display a DataFrame with filters applied from the cross filter.
 
     This component wraps [DataFrame](/api/dataframe).
@@ -333,4 +333,4 @@ def CrossFilterDataFrame(df, column_actions: List[ColumnAction] = [], cell_actio
     filter, set_filter = solara.use_cross_filter(id(df), "dataframe")
     if filter is not None:
         dff = df[filter]
-    return solara.DataFrame(dff)
+    return solara.DataFrame(dff, items_per_page=items_per_page, scrollable=scrollable, column_actions=column_actions, cell_actions=cell_actions)

solara/components/datatable.py

@@ -1,6 +1,12 @@
+import dataclasses
 import math
+import os
 from dataclasses import replace
-from typing import List
+from typing import Callable, List, Optional
+
+import ipyvuetify as v
+import ipywidgets
+import traitlets
 
 import solara
 import solara.hooks.dataframe
@@ -9,7 +15,61 @@ from solara.lab.hooks.dataframe import use_df_column_names
 from solara.lab.utils.dataframe import df_type
 
 from .. import CellAction, ColumnAction
-from ..widgets import DataTable as DataTableWidget
+
+
+def _ensure_dict(d):
+    if dataclasses.is_dataclass(d):
+        return dataclasses.asdict(d)
+    return d
+
+
+def _drop_keys_from_list_of_mappings(drop):
+    def closure(list_of_dicts, widget):
+        return [{k: v for k, v in _ensure_dict(d).items() if k not in drop} for d in list_of_dicts]
+
+    return closure
+
+
+class DataTableWidget(v.VuetifyTemplate):
+    template_file = os.path.realpath(os.path.join(os.path.dirname(__file__), "datatable.vue"))
+
+    total_length = traitlets.CInt().tag(sync=True)
+    checked = traitlets.List([]).tag(sync=True)  # indices of which rows are selected
+    column_actions = traitlets.List(trait=traitlets.Instance(ColumnAction), default_value=[]).tag(
+        sync=True, to_json=_drop_keys_from_list_of_mappings(["on_click"])
+    )
+    _column_actions_callbacks = traitlets.List(trait=traitlets.Callable(), default_value=[])
+    cell_actions = traitlets.List(trait=traitlets.Instance(CellAction), default_value=[]).tag(sync=True, to_json=_drop_keys_from_list_of_mappings(["on_click"]))
+    _cell_actions_callbacks = traitlets.List(trait=traitlets.Callable(), default_value=[])
+    items = traitlets.Any().tag(sync=True)  # the data, a list of dict
+    headers = traitlets.Any().tag(sync=True)
+    headers_selections = traitlets.Any().tag(sync=True)
+    options = traitlets.Any().tag(sync=True)
+    items_per_page = traitlets.CInt(11).tag(sync=True)
+    selections = traitlets.Any([]).tag(sync=True)
+    selection_colors = traitlets.Any([]).tag(sync=True)
+    selection_enabled = traitlets.Bool(True).tag(sync=True)
+    highlighted = traitlets.Int(None, allow_none=True).tag(sync=True)
+    scrollable = traitlets.Bool(False).tag(sync=True)
+
+    # for use with scrollable, when used in the default UI
+    height = traitlets.Unicode(None, allow_none=True).tag(sync=True)
+
+    hidden_components = traitlets.List([]).tag(sync=False)
+    column_header_hover = traitlets.Unicode(allow_none=True).tag(sync=True)
+    column_header_widget = traitlets.Any(allow_none=True).tag(sync=True, **ipywidgets.widget_serialization)
+
+    def vue_on_column_action(self, data):
+        header_value, action_index = data
+        on_click = self._column_actions_callbacks[action_index]
+        if on_click:
+            on_click(header_value)
+
+    def vue_on_cell_action(self, data):
+        row, header_value, action_index = data
+        on_click = self._cell_actions_callbacks[action_index]
+        if on_click:
+            on_click(header_value, row)
 
 
 def format_default(df, column, row_index, value):
@@ -19,7 +79,17 @@ def format_default(df, column, row_index, value):
 
 
 @solara.component
-def DataTable(df, page=0, items_per_page=20, format=None, column_actions: List[ColumnAction] = [], cell_actions: List[CellAction] = [], scrollable=False):
+def DataTable(
+    df,
+    page=0,
+    items_per_page=20,
+    format=None,
+    column_actions: List[ColumnAction] = [],
+    cell_actions: List[CellAction] = [],
+    scrollable=False,
+    on_column_header_hover: Optional[Callable[[Optional[str]], None]] = None,
+    column_header_info: Optional[solara.Element] = None,
+):
     total_length = len(df)
     options = {"descending": False, "page": page + 1, "itemsPerPage": items_per_page, "sortBy": [], "totalItems": total_length}
     options, set_options = solara.use_state(options, key="options")
@@ -69,20 +139,82 @@ def DataTable(df, page=0, items_per_page=20, format=None, column_actions: List[C
         cell_actions=cell_actions,
         _column_actions_callbacks=column_actions_callbacks,
         _cell_actions_callbacks=cell_actions_callbacks,
+        on_column_header_hover=on_column_header_hover,
+        column_header_widget=column_header_info,
     )
 
 
 @solara.component
-def DataFrame(df, column_actions: List[ColumnAction] = [], cell_actions: List[CellAction] = []):
+def DataFrame(
+    df,
+    items_per_page=20,
+    column_actions: List[ColumnAction] = [],
+    cell_actions: List[CellAction] = [],
+    scrollable=False,
+    on_column_header_hover: Optional[Callable[[Optional[str]], None]] = None,
+    column_header_info: Optional[solara.Element] = None,
+):
     """Displays a Pandas dataframe in a table.
 
+    Pass in a dataframe as first argument, and optionally how many items per page to display.
+
+    ```solara
+    import solara
+    import pandas as pd
+    import plotly
+
+    df = plotly.data.iris()
+
+    @solara.component
+    def Page():
+        solara.DataFrame(df, items_per_page=5)
+
+    ```
+
+    # Custom column header info
+
+    Use the `column_header_info` argument to display a custom component on the column header when
+    the user hover above it. In this case we display the value counts for the column.
+
+    ```solara
+    import solara
+    import pandas as pd
+    import plotly
+
+    df = plotly.data.iris()
+
+    @solara.component
+    def Page():
+        column_hover, set_column_hover = solara.use_state(None)
+
+        with solara.Column(margin=4) as column_header_info:
+            if column_hover:
+                solara.Text("Value counts for " + column_hover)
+                display(df[column_hover].value_counts())
+            # if no column is hovered above, we provide an empty container
+            # so we always see the triple dot icon on the column header
+
+        solara.DataFrame(df, column_header_info=column_header_info, on_column_header_hover=set_column_hover)
+    ```
+
 
     ## Arguments
 
      * `df` - `DataFrame` - a Pandas dataframe.
+     * `items_per_page` - `int` - number of items per page.
      * `column_actions` - Triggered via clicking on the triple dot icon on the headers (visible when hovering).
      * `cell_actions` -  Triggered via clicking on the triple dot icon in the cell (visible when hovering).
-
+     * `on_column_header_hover` - Optional callback when the user hovers over the triple dot icon on a header.
+     * `column_header_info` - Element to display in the column menu popup (visible when hovering), provide an
+            empty container element (like [Column](/api/column)) to force showing the trigle dot icon (see example).
 
     """
-    return DataTable(df, column_actions=column_actions, cell_actions=cell_actions)
+    return DataTable(
+        df,
+        items_per_page=items_per_page,
+        column_actions=column_actions,
+        cell_actions=cell_actions,
+        scrollable=scrollable,
+        on_column_header_hover=on_column_header_hover,
+        column_header_info=column_header_info,
+    )

solara/components/datatable.vue

@@ -0,0 +1,175 @@
+<template>
+  <v-slide-x-transition appear>
+    <div class="solara-data-table__viewport">
+      <v-data-table dense hide-default-header :headers="[...headers]" :items="items"
+        :footer-props="{ 'items-per-page-options': [10, 20, 50, 100] }" :options.sync="options"
+        :items_per_page.sync="items_per_page" :server-items-length="total_length" :class="[
+          'elevation-1',
+          'solara-data-table',
+          scrollable && 'solara-data-table--scrollable',
+        ]" :style="scrollable && height != null && `height: ${height}`">
+        <template v-slot:header="props">
+          <thead>
+            <tr>
+              <th style="padding: 0 10px; width: 40px">#</th>
+              <th style="padding: 0 1px; width: 30px" v-if="selection_enabled">
+                <v-btn icon color="primary" text small @click="apply_filter">
+                  <v-icon>filter_list</v-icon>
+                </v-btn>
+              </th>
+              <th style="padding: 0 1px" v-for="(header, index) in headers_selections" :key="header.text">
+                <v-icon style="padding: 0 1px" :key="index" :color="selection_colors[index]">brightness_1</v-icon>
+              </th>
+              <v-slide-x-transition :key="header.text" v-for="header in headers">
+                <th class="text-no-wrap">
+                  {{ header.text }}
+                  <v-menu open-on-hover bottom offset-y @input="isOpen => onHeaderHover({ isOpen, header })"
+                    v-if="(column_actions && column_actions.length) || column_header_widget">
+                    <template v-slot:activator="{ on, attrs }">
+                      <v-icon v-bind="attrs" v-on="on" small class="solara-data-table-menu">mdi-dots-vertical</v-icon>
+                    </template>
+                    <v-sheet v-if="header.value === column_header_hover" class="solara-data-table-column-header-sheet">
+                      <jupyter-widget v-if="column_header_widget" :widget="column_header_widget"></jupyter-widget>
+                    </v-sheet>
+                    <v-list v-if="column_actions && column_actions.length">
+                      <v-subheader>Actions:</v-subheader>
+                      <v-list-item link @click="on_column_action([header.value, index])"
+                        v-for="(action, index) in column_actions" :key="index">
+                        <v-list-item-icon><v-icon>{{ action.icon }}</v-icon></v-list-item-icon>
+                        <v-list-item-title>{{ action.name }}</v-list-item-title>
+                      </v-list-item>
+                    </v-list>
+                  </v-menu>
+                </th>
+              </v-slide-x-transition>
+            </tr>
+          </thead>
+        </template>
+        <template v-slot:item="props">
+          <!-- @click="on_row_clicked(props.item.__row__)" -->
+          <tr :class="{ highlightedRow: props.item.__row__ === highlighted }">
+            <td style="padding: 0 10px" class="text-xs-left">
+              <i>{{ props.item.__row__ }}</i>
+            </td>
+            <td style="padding: 0 1px" class="text-xs-left" v-if="selection_enabled">
+              <v-checkbox hide-details style="margin-top: 0; padding-top: 0"
+                :input-value="checked.indexOf(props.item.__row__) != -1" :key="props.item.__row__"
+                @change="(value) => select({ checked: value, row: props.item.__row__ })" />
+            </td>
+            <td style="padding: 0 1px" :key="header.text" v-for="(header, index) in headers_selections">
+              <v-fade-transition leave-absolute>
+                <v-icon v-if="props.item[header.value]" v-model="props.item[header.value]"
+                  :color="selection_colors[index]">brightness_1</v-icon>
+              </v-fade-transition>
+            </td>
+            <td v-for="header in headers" class="text-truncate text-no-wrap" :key="header.text"
+              :title="props.item[header.value]">
+              <v-slide-x-transition appear>
+                <!-- <span @click="on_item_click([props.item.__row__, header.value])">{{ props.item[header.value] }}</span> -->
+                <span>
+                  {{ props.item[header.value] }}
+                  <v-menu open-on-hover bottom offset-y v-if="cell_actions.length">
+                    <template v-slot:activator="{ on, attrs }">
+                      <v-icon v-bind="attrs" v-on="on" small class="solara-data-table-menu">mdi-dots-vertical</v-icon>
+                    </template>
+                    <v-list v-for="(action, index) in cell_actions" :key="index">
+                      <v-list-item link @click="on_cell_action([props.item.__row__, header.value, index])">
+                        <v-list-item-icon><v-icon>{{ action.icon }}</v-icon></v-list-item-icon>
+                        <v-list-item-title>{{ action.name }}</v-list-item-title>
+                      </v-list-item>
+                    </v-list>
+                  </v-menu>
+                </span>
+
+              </v-slide-x-transition>
+            </td>
+          </tr>
+        </template>
+      </v-data-table>
+    </div>
+  </v-slide-x-transition>
+</template>
+
+<script>
+module.exports = {
+  methods: {
+    onHeaderHover({ header, isOpen }) {
+      if (isOpen) {
+        // if isOpen is true, we clicked, and we set it header.value
+        this.column_header_hover = header.value
+      } else {
+        // if false, we only 'unset' if the current header equals the current open menu
+        // because sometimes the menu from another column is closed after opening the new one
+        if (this.column_header_hover == header.value) {
+          this.column_header_hover = null
+        }
+      }
+    }
+  }
+}
+</script>
+<style id="solara_table">
+.highlightedRow {
+  background-color: #e3f2fd;
+}
+
+.solara-data-table table {
+  table-layout: fixed;
+}
+
+.solara-data-table--scrollable .v-data-table__wrapper {
+  overflow-y: auto;
+  height: calc(100% - 59px);
+}
+
+.solara-data-table--scrollable thead>tr {
+  position: sticky;
+  top: 0;
+}
+
+.solara-data-table--scrollable .v-data-table__wrapper,
+.solara-data-table--scrollable .v-data-table__wrapper>table,
+.solara-data-table--scrollable .v-data-table__wrapper>table thead,
+.solara-data-table--scrollable .v-data-table__wrapper>table thead * {
+  background-color: inherit;
+}
+
+/* prevent checkboxes overlaying the table header */
+.solara-data-table--scrollable .v-data-table__wrapper>table thead {
+  position: relative;
+  z-index: 1;
+}
+
+/* avoid margins to collapse, to avoid a white background */
+.solara-data-table-column-header-sheet {
+  overflow: auto;
+}
+
+.solara-data-table.v-data-table th,
+.solara-data-table.v-data-table td {
+  padding-left: 4px;
+  padding-right: 0;
+}
+
+.v-data-table .solara-data-table-menu {
+  opacity: 0;
+  transition: opacity 0.5s;
+}
+
+.v-data-table th:hover .solara-data-table-menu,
+.v-data-table td:hover .solara-data-table-menu {
+  opacity: 1;
+}
+
+.solara-data-table__viewport {
+  overflow-x: auto;
+  width: 100%;
+  max-height: 100%;
+}
+
+.solara-data-table.v-data-table,
+.solara-data-table.v-data-table table {
+  max-width: unset;
+  width: unset;
+}
+</style>

solara/server/assets/style.css

@@ -88,3 +88,8 @@ div.highlight {
 .solara-image {
     cursor: unset !important;
 }
+
+
+.jp-OutputArea-prompt {
+    display: none;
+}

solara/server/static/solara_bootstrap.py

@@ -119,7 +119,7 @@ async def main():
     ]
     for dep in requirements:
         await micropip.install(dep, keep_going=True)
-    await micropip.install("/wheels/solara-1.6.0-py2.py3-none-any.whl", keep_going=True)
+    await micropip.install("/wheels/solara-1.7.0-py2.py3-none-any.whl", keep_going=True)
     import solara
 
     el = solara.Warning("lala")

solara/website/assets/custom.css

@@ -38,7 +38,6 @@ a:link {
     color: var(--color-primary);
 }
 
-pre,
 .jp-RenderedHTMLCommon pre {
     background-color: var(--color-grey-light);
     display: block;

solara/website/pages/__init__.py

@@ -81,7 +81,9 @@ def Layout(children=[]):
         return children[0]
     with solara.VBox(grow=False) as main:
         Title(title="Solara documentation")
-        solara.Meta(property="twitter:site", content="@solara_dev" + router.path)
+        solara.Meta(name="twitter:card", content="summary_large_image")
+        solara.Meta(name="twitter:site", content="@solara_dev")
+        solara.Meta(name="twitter:image", content="https://solara.dev/static/assets/images/logo-small.png")
         solara.Meta(property="og:url", content="https://solara.dev" + router.path)
         solara.Meta(property="og:image", content="https://solara.dev/static/assets/images/logo-small.png")
         solara.Meta(property="og:type", content="website")
@@ -101,7 +103,9 @@ def Layout(children=[]):
                 description = "Use ipywidgets with Solara to build powerful and scalable web apps for Jupyter and production in Python."
                 # both tags in one
                 solara.Meta(name="description", property="og:description", content=description)
+                solara.Meta(name="twitter:description", content=description)
                 solara.Meta(property="og:title", content="Solara documentation")
+                solara.Meta(name="twitter:title", content="Solara documentation")
 
                 with rv.Row(class_="ma-2"):
                     with rv.Col(md=4, offset_md=2, sm=5, offset_sm=1):

solara/website/pages/api/dataframe.py

@@ -5,18 +5,12 @@
 
 from typing import Any, Dict, Optional, cast
 
-from solara.website.utils import apidoc
+import plotly
 
-try:
-    import vaex
-except ImportError:
-    vaex = None
 import solara
+from solara.website.utils import apidoc
 
-if vaex is not None:
-    df = vaex.datasets.titanic()
-else:
-    df = None
+df = plotly.data.iris()
 
 
 @solara.component
@@ -32,21 +26,19 @@ def Page():
 
     column_actions = [solara.ColumnAction(icon="mdi-sunglasses", name="User column action", on_click=on_action_column)]
     cell_actions = [solara.CellAction(icon="mdi-white-balance-sunny", name="User cell action", on_click=on_action_cell)]
-    with solara.Div() as main:
-        solara.MarkdownIt(
-            f"""
-            ## Demo
+    solara.MarkdownIt(
+        f"""
+        ## Demo
 
-            Below we show display the titanic dataset, and demonstrate a user colum and cell action. Try clicking on the triple icon when hovering
-            above a column or cell. And see the following values changes:
+        Below we show display the titanic dataset, and demonstrate a user colum and cell action. Try clicking on the triple icon when hovering
+        above a column or cell. And see the following values changes:
 
-            * Column action on: `{column}`
-            * Cell action on: `{cell}`
+        * Column action on: `{column}`
+        * Cell action on: `{cell}`
 
-        """
-        )
-        solara.DataFrame(df, column_actions=column_actions, cell_actions=cell_actions)
-    return main
+    """
+    )
+    solara.DataFrame(df, column_actions=column_actions, cell_actions=cell_actions)
 
 
 __doc__ += apidoc(solara.DataFrame.f)  # type: ignore

solara/website/pages/api/warning.py

@@ -34,6 +34,13 @@ def Page():
             outlined=outlined,
             icon=icon,
         )
+        solara.Warning(
+            f"This is solara.Warning(label='...', text={text}, dense={dense}, outlined={outlined}, icon={icon})",
+            text=text,
+            dense=dense,
+            outlined=outlined,
+            icon=icon,
+        )
     return main
 
 

solara/widgets/widgets.py

@@ -1,14 +1,10 @@
-import dataclasses
 import os
 
 import ipyvuetify as v
 import ipywidgets
 import traitlets
 
-from ..datatypes import CellAction, ColumnAction
-
 __all__ = [
-    "DataTable",
     "VegaLite",
     "Navigator",
     "GridLayout",
@@ -17,59 +13,6 @@ __all__ = [
 ]
 
 
-def _ensure_dict(d):
-    if dataclasses.is_dataclass(d):
-        return dataclasses.asdict(d)
-    return d
-
-
-def _drop_keys_from_list_of_mappings(drop):
-    def closure(list_of_dicts, widget):
-        return [{k: v for k, v in _ensure_dict(d).items() if k not in drop} for d in list_of_dicts]
-
-    return closure
-
-
-class DataTable(v.VuetifyTemplate):
-    template_file = os.path.realpath(os.path.join(os.path.dirname(__file__), "vue/datatable.vue"))
-
-    total_length = traitlets.CInt().tag(sync=True)
-    checked = traitlets.List([]).tag(sync=True)  # indices of which rows are selected
-    column_actions = traitlets.List(trait=traitlets.Instance(ColumnAction), default_value=[]).tag(
-        sync=True, to_json=_drop_keys_from_list_of_mappings(["on_click"])
-    )
-    _column_actions_callbacks = traitlets.List(trait=traitlets.Callable(), default_value=[])
-    cell_actions = traitlets.List(trait=traitlets.Instance(CellAction), default_value=[]).tag(sync=True, to_json=_drop_keys_from_list_of_mappings(["on_click"]))
-    _cell_actions_callbacks = traitlets.List(trait=traitlets.Callable(), default_value=[])
-    items = traitlets.Any().tag(sync=True)  # the data, a list of dict
-    headers = traitlets.Any().tag(sync=True)
-    headers_selections = traitlets.Any().tag(sync=True)
-    options = traitlets.Any().tag(sync=True)
-    items_per_page = traitlets.CInt(11).tag(sync=True)
-    selections = traitlets.Any([]).tag(sync=True)
-    selection_colors = traitlets.Any([]).tag(sync=True)
-    selection_enabled = traitlets.Bool(True).tag(sync=True)
-    highlighted = traitlets.Int(None, allow_none=True).tag(sync=True)
-    scrollable = traitlets.Bool(False).tag(sync=True)
-
-    # for use with scrollable, when used in the default UI
-    height = traitlets.Unicode(None, allow_none=True).tag(sync=True)
-
-    hidden_components = traitlets.List([]).tag(sync=False)
-
-    def vue_on_column_action(self, data):
-        header_value, action_index = data
-        on_click = self._column_actions_callbacks[action_index]
-        if on_click:
-            on_click(header_value)
-
-    def vue_on_cell_action(self, data):
-        row, header_value, action_index = data
-        on_click = self._cell_actions_callbacks[action_index]
-        if on_click:
-            on_click(header_value, row)
-
-
 class VegaLite(v.VuetifyTemplate):
     template_file = os.path.realpath(os.path.join(os.path.dirname(__file__), "vue/vegalite.vue"))
     spec = traitlets.Dict().tag(sync=True)

{solara-1.6.0.dist-info → solara-1.7.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: solara
-Version: 1.6.0
+Version: 1.7.0
 Summary: Build webapps using IPywidgets
 Author-email: "Maarten A. Breddels" <maartenbreddels@gmail.com>
 Classifier: License :: OSI Approved :: MIT License
@@ -33,7 +33,7 @@ Requires-Dist: jupyter_client>=7.0.0
 Requires-Dist: watchdog
 Requires-Dist: requests
 Requires-Dist: pygments==2.10; python_version < '3.7'
-Requires-Dist: solara-assets==1.6.0 ; extra == "assets"
+Requires-Dist: solara-assets==1.7.0 ; extra == "assets"
 Requires-Dist: flake8 ; extra == "dev"
 Requires-Dist: bqplot ; extra == "dev"
 Requires-Dist: bqplot-image-gl ; extra == "dev"

{solara-1.6.0.dist-info → solara-1.7.0.dist-info}/RECORD

@@ -1,10 +1,10 @@
-solara/__init__.py,sha256=nnBE3efYg_LR2H9VZ36QQq_Uf16D0h_zCYLig-8vh0g,3038
+solara/__init__.py,sha256=O_Pl62uZgKDjJ9gmMfgS2Od0EowPjjINmSmX2bxWrRg,3091
 solara/__main__.py,sha256=ztXaMuWiQdyc4hEmws7ABy-E-CuaRkKhiArMP72M7ak,21260
 solara/alias.py,sha256=9vfLzud77NP8in3OID9b5mmIO8NyrnFjN2_aE0lSb1k,216
-solara/autorouting.py,sha256=qIP6nkg2Xo-zuWNebuUgajtTUuD971ZB-tnst3aurMU,17748
+solara/autorouting.py,sha256=njdkEoJMSAPJlG1R2sj3c9aFfzi0tqIF5t4oVm7OYYw,17763
 solara/cache.py,sha256=lEXpHBCV4iEI4O9K-5MYhitMKtbMU-XSlx--6sB7Ptg,10743
 solara/checks.html,sha256=nYlcFNbqTdzpr0eaFxuu_-sXTC8nXJn0hGGfemzl2jQ,3254
-solara/checks.py,sha256=KYMM79y0G0hGmvLS0wi9N1AyheJFI5WijwNmk6ypxiw,4004
+solara/checks.py,sha256=brNdeZFlMKk8wMCjTjJWqZ9nT1X42d8cR7BeBOnXmRs,4003
 solara/datatypes.py,sha256=5l0npGj0Rlv9w5PdqPacMSNMVpbmBpkWtjXet_h8Ecw,4150
 solara/express.py,sha256=dW1uq74Lyf8DomnaeGtIg9OmFy8tRkv7uYHCIvnDat0,6781
 solara/kitchensink.py,sha256=RUx3kW6CQAz9PMxB1sPI03IH5xJfsaaXq3w9bBuC6rg,249
@@ -15,15 +15,16 @@ solara/settings.py,sha256=558Ry_35nyw8xpe1b_sVBGXnilXktAF9AIFhOjJW2C4,1120
 solara/util.py,sha256=jgKkxEG-l-60GdpmTTJ_aCEdV-PGyzdwwwuz4hcoY8M,3834
 solara/components/__init__.py,sha256=AfrQ6mD3-8iU7L07Lx_mtphmAxCK6SGdMBet9seHHBs,2288
 solara/components/alert.py,sha256=REo6uSv8ffyU85h-_ZQvhKfyzi_f6IlzQDoNcNfAkjM,4639
-solara/components/applayout.py,sha256=YQayveky1pPRPS3leC1IaSqWaoxPjQIa7hD6KZ3fKsA,12966
+solara/components/applayout.py,sha256=Lr4TD8yuHMJhjVjLLmmjblzRiNIDZZNfXkEZUzyk-KA,12983
 solara/components/button.py,sha256=b7TK8_xE1hPPgUbw3pW0B__Lfio1AlNn3KVwGnU8d6o,1791
 solara/components/checkbox.py,sha256=zzp0N4DP3_6qQmhkiGtY_rJsfIKK1zryOIGszOCSlI8,890
 solara/components/code_highlight_css.py,sha256=J0fZHuEu8jeEKAq_HKbzgiMR1-VwMVnKA4dAOKE0AQU,235
 solara/components/code_highlight_css.vue,sha256=UX4jtEetV1W25Uvu8xQ-TbEaBzbp_7DlXtXDO9SdZfY,5776
 solara/components/columns.py,sha256=U3b5-XkVla_2A7MMGmVOUVMUCwGoNlhBaWYXFOVpNio,4698
-solara/components/cross_filter.py,sha256=OexJKt9BDeHXWBN4nz6zOiNL56F3H2xSh-YXrgpGZNw,13324
+solara/components/cross_filter.py,sha256=_PaPtAkqFa714SnFjo5_jVpzG4nQ_0S2F5JBRREKe8o,13473
 solara/components/dataframe.py,sha256=9k4h3wvUjv4JrlfQQCzfCHDc_OLF8D7MOH1r3jX24i0,21030
-solara/components/datatable.py,sha256=l7zHlEE4JPhlgLg22lekwc1mVPrhayRDI5fz-mXa1E0,3085
+solara/components/datatable.py,sha256=uKXAEfoHLISQmAgzlLjPCCcnH-4ZlEKwV7B9C8Ni94A,7869
+solara/components/datatable.vue,sha256=xoIT7tS2QSKgJHt0kHRODsDx81S9SEwk1EoVM9sgFWg,7061
 solara/components/details.py,sha256=x8wB4fCsO0TwACnidW0q-tUcPByC7SqurU50Yz_YTJU,675
 solara/components/download.vue,sha256=xdh4olwVvGkQwGNRMU5eVUW1FGvcXrYrCyjddJbvH7E,1069
 solara/components/echarts.py,sha256=JP4PbcOtqr7uoto0XBrFNZzNGcsbn_1LXCslwdEcghU,2589
@@ -92,7 +93,7 @@ solara/server/assets/custom.css,sha256=4p04-uxHTobfr6Xkvf1iOrYiks8NciWLT_EwHZSy6
 solara/server/assets/custom.js,sha256=YT-UUYzA5uI5-enmbIsrRhofY_IJAO-HanaMwiNUEos,16
 solara/server/assets/favicon.png,sha256=Ssgmi5eZeGIGABOrxW8AH3hyvy5a9avdDIDYsmEUMpM,1924
 solara/server/assets/favicon.svg,sha256=HXAji-JQGBaGi2_iyk3vHgEDgdFYtsWTVqOE6QmVLKc,1240
-solara/server/assets/style.css,sha256=p_FBP-NPGRsJOD_xq8HdnFsKW1TXHB1i9KrXKIl5bAQ,1763
+solara/server/assets/style.css,sha256=cgjSWYuQpNYXcpQAH00h_HItF3d9lBuAgzPE254TBkU,1810
 solara/server/assets/theme.js,sha256=kwXC-5gj9JKcwb8JMaV2sZ5t_F26c6ypqfozLZZ8Izo,21
 solara/server/jupyter/__init__.py,sha256=OF6ZXyQUymQzx70eDytS3aU-NDDsltwi1pJIKy6mUcE,137
 solara/server/jupyter/cdn_handler.py,sha256=L9i_Hv9BFfrLwxq76lKhhxAv_EJzNecgIlb1wvkCHf8,835
@@ -102,7 +103,7 @@ solara/server/static/highlight-dark.css,sha256=gmC3pr3x2BqJgTswNoN6AkqfEhBk24hPF
 solara/server/static/highlight.css,sha256=k8ZdT5iwrGQ5tXTQHAXuxvZrSUq3kwCdEpy3mlFoZjs,2637
 solara/server/static/main-vuetify.js,sha256=-twJ3DaObXPToFk-s4guHtXrMtlrtFUVhnAuOSSHFbk,7981
 solara/server/static/main.js,sha256=mcx4JNQ4Lg4pNdUIqMoZos1mZyYFS48yd_JNFFJUqIE,5679
-solara/server/static/solara_bootstrap.py,sha256=rAOY_3o9hK8tcWG8j5CH9csARsYLlpr52O3ieUgBDZI,3194
+solara/server/static/solara_bootstrap.py,sha256=v0ygQ0hQaGPx20ZFm1-1qY7EcuBsu501oP-hXlaMsQ0,3194
 solara/server/static/sun.svg,sha256=jEKBAGCr7b9zNYv0VUb7lMWKjnU2dX69_Ye_DZWGXJI,6855
 solara/server/static/webworker.js,sha256=cjAFz7-SygStHJnYlJUlJs-gE_7YQeQ-WBDcmKYyjvo,1372
 solara/server/templates/index.html.j2,sha256=JXQo1M-STFHLBOFetgG7509cAq8xUP0VAEtYDzz35fY,31
@@ -136,7 +137,7 @@ solara/template/portal/solara_portal/pages/viz/__init__.py,sha256=kp0rNqphYDWwVf
 solara/template/portal/solara_portal/pages/viz/overview.py,sha256=GPlzFxUR0LRQhR96a_CVWquGTjHhDehL1PR03Tcm3gs,365
 solara/website/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 solara/website/utils.py,sha256=TfoExocZ8ko2hTcA7XDKI5FfKZ4gi3JTc_f9Oi5L7Fs,855
-solara/website/assets/custom.css,sha256=tbjPwVtTLHV87HJQPHmN3e8r8eM22xerXi5bEHxbqV0,4528
+solara/website/assets/custom.css,sha256=08jHPRHNdnLrirdUygraGNREOcrE-Riv0ioWtOGQ1OE,4523
 solara/website/assets/theme.js,sha256=8OUdIaPI3BG4WiIFZhRyXDJumMvdL9LPy1KhDmMeV9A,67
 solara/website/assets/images/logo-small.png,sha256=mCYtNOyEPoeAFm20Hkm6JJ2Rv1fncVyeXrLdqb1rYi0,86383
 solara/website/assets/images/logo.svg,sha256=mKyJWZ2cx0PhslMn4wjkyFTrHbulwJiVQPyL-F1-WWg,4858
@@ -144,7 +145,7 @@ solara/website/components/__init__.py,sha256=FeSyrGA04nx58CnUue7u60Pb2c9UlBYqYrK
 solara/website/components/header.py,sha256=z4R4IOUsNkQMdjuLNXogeqIMlEfd-wW-WV8TnRIeJbg,1940
 solara/website/components/hero.py,sha256=IsidQOb01jaD7VPARJwKaehxIjoWEwznNlaQCifWvmA,670
 solara/website/pages/README.md,sha256=thMtiNPvhesbT8bLMurbi5Kbu72_kLY7MweQfxpDpTk,1192
-solara/website/pages/__init__.py,sha256=xWnm7Z66dPtzudpSANdcSmnp7gT0d-W4nd0WSS5FhPA,11067
+solara/website/pages/__init__.py,sha256=D4dFMCi-Ub2tAfun-G7bPjYaMr3wuoR6sJH8dtIArlc,11388
 solara/website/pages/doc_use_download.py,sha256=Wewj7CLhU4IXNmwYNUK0ufEWkoqiGhbARTsZF9dRL6Y,3131
 solara/website/pages/docutils.py,sha256=aN8ohcr0upT4_Gr_IuqiG9dNBUMawCDp2g4EPxqCBgM,742
 solara/website/pages/api/__init__.py,sha256=6yqt8BW7Yy-Bct1RxRkN_YpARLyhwPyWclz5MnkHlUc,7876
@@ -161,7 +162,7 @@ solara/website/pages/api/cross_filter_dataframe.py,sha256=ouPRh8Monv_tawnJn-fJoY
 solara/website/pages/api/cross_filter_report.py,sha256=2iiSTOsyNhl0qsRs0TzpP9jgnLDWQi5ymP9Q9GvZVto,485
 solara/website/pages/api/cross_filter_select.py,sha256=bXxXOi8aLi-6VX6JYnKFHIywTil0Ua1ADjrYhaN03rY,461
 solara/website/pages/api/cross_filter_slider.py,sha256=AShpfouYjb_N8RNL1wk3vXfplrq1d5U6yb1Nevr7QRE,491
-solara/website/pages/api/dataframe.py,sha256=cttSnbPz3sHAn9URERZpMq5fw6hRvy8X1Cu5q8kWN7g,1409
+solara/website/pages/api/dataframe.py,sha256=BHukqtQU6vNMYdDAdUakXJfaPgpIUVWPbYI9bdAVseE,1229
 solara/website/pages/api/default_layout.py,sha256=-OaezKcSSdjHFMNlo1d65yDftsRLx7NwdRt5sddSna0,355
 solara/website/pages/api/display.py,sha256=HpKxJ2_wN5Uft-vmpcXd0iiDg66bJBIMP1CajSLQunA,182
 solara/website/pages/api/echarts.py,sha256=4JWNB-V3BFPD5fK38xwWVguc04ZdsgNjF6VJMfMqK4Y,2595
@@ -208,7 +209,7 @@ solara/website/pages/api/use_state_or_update.py,sha256=xG4qAzsbW0OP2OZw-q4cUX0wb
 solara/website/pages/api/use_thread.md,sha256=lSeBPZtI3qSR7qEweefqxi37v_5_OsdYfo50P8mYbak,2251
 solara/website/pages/api/use_thread.py,sha256=MYB7qoz3-u1b2krBgoRJiv_kD26tcVeeKzts29XHdTE,1473
 solara/website/pages/api/vbox.py,sha256=pLKfhiMe71F9DYN21IkJ099GzNOe5U8AI2U-zQ9wtA4,348
-solara/website/pages/api/warning.py,sha256=q16ICDIAil38HyY1_Ae574CO5hW-Atlx9fbaVZfeVac,1135
+solara/website/pages/api/warning.py,sha256=0KHwASH-_-qnMqLEwkHZRC0x3DejmpSG_NflxaEkVMk,1385
 solara/website/pages/api/widget.py,sha256=DIfyIGWgV-Gidl9ClWNEqd5C9wPiSHDb9CcuZvnaMOw,2744
 solara/website/pages/apps/__init__.py,sha256=lBJiio7_EjEbMoDxkKPdzyJcPcuBzuD3AwcRo-6DZm4,189
 solara/website/pages/apps/layout-demo.py,sha256=tcmqY7ILpfulWDEcO3VZIMYYV-FECP_GUX_T3wshHRk,1675
@@ -285,16 +286,15 @@ solara/website/public/landing/python-love-react.png,sha256=lCNC1IIRSVSV7SJAOWg0S
 solara/website/public/landing/what.png,sha256=gy4vnO_fnPZs9Ie6wBh0YSyOL3ggvBQNxaqFOArx36o,591427
 solara/website/templates/index.html.j2,sha256=aW27n_enOp2BSFvnuExjmNAicZ5Ywhysz1xQMt4QVuM,1470
 solara/widgets/__init__.py,sha256=D3RfEez9dllmst64_nyzzII-NZXoNMEPDnEog4ov3VE,43
-solara/widgets/widgets.py,sha256=zHThfUd_Ps30S94opVx5Ln8gQcbCzUoSWQghP6427BM,4261
-solara/widgets/vue/datatable.vue,sha256=EksXC8FH8Rm5lLnddRJhHFiWM3Zx17FiWGDBnbs9oEs,6138
+solara/widgets/widgets.py,sha256=dZNRxJp1JRh3S5HRUR3FnN_dsYX45139kf5kEJiJ98Q,1894
 solara/widgets/vue/gridlayout.vue,sha256=EGeq8RmdRSd8AD2Us6L80zGFefh7TaQqJSnazX7YyDw,3559
 solara/widgets/vue/html.vue,sha256=9vaHrddQU1J9zgnhy0W1-YXJ0JH68fet1rDEHoe539Q,404
 solara/widgets/vue/navigator.vue,sha256=JIC8y329MBZrMV1SEVjr7nH025dkQod0ESK6ss8EUDk,3120
 solara/widgets/vue/vegalite.vue,sha256=Dr4i6fXayDxdo8FqByTlJshQSQ6vawecDq7AHZL93TI,3231
-solara-1.6.0.data/data/etc/jupyter/jupyter_notebook_config.d/solara.json,sha256=3UhTBQi6z7F7pPjmqXxfddv79c8VGR9H7zStDLp6AwY,115
-solara-1.6.0.data/data/etc/jupyter/jupyter_server_config.d/solara.json,sha256=D9J-rYxAzyD5GOqWvuPjacGUVFHsYtTfZ4FUbRzRvIA,113
-solara-1.6.0.dist-info/entry_points.txt,sha256=AXTWXiaLDBs0LuR81mrek-v6m8xU1J7JYgc-Ob40OoU,47
-solara-1.6.0.dist-info/LICENSE,sha256=fFJUz-CWzZ9nEc4QZKu44jMEoDr5fEW-SiqljKpD82E,1086
-solara-1.6.0.dist-info/WHEEL,sha256=kdeDBNPvBI0w3meLKPoGgAnEr54n1jzrZWUoaLmGzVY,99
-solara-1.6.0.dist-info/METADATA,sha256=JnGGbr_CinyGJaUimwc_4P4ZvqZA4kI6y1VXDzpA0pE,2754
-solara-1.6.0.dist-info/RECORD,,
+solara-1.7.0.data/data/etc/jupyter/jupyter_notebook_config.d/solara.json,sha256=3UhTBQi6z7F7pPjmqXxfddv79c8VGR9H7zStDLp6AwY,115
+solara-1.7.0.data/data/etc/jupyter/jupyter_server_config.d/solara.json,sha256=D9J-rYxAzyD5GOqWvuPjacGUVFHsYtTfZ4FUbRzRvIA,113
+solara-1.7.0.dist-info/entry_points.txt,sha256=AXTWXiaLDBs0LuR81mrek-v6m8xU1J7JYgc-Ob40OoU,47
+solara-1.7.0.dist-info/LICENSE,sha256=fFJUz-CWzZ9nEc4QZKu44jMEoDr5fEW-SiqljKpD82E,1086
+solara-1.7.0.dist-info/WHEEL,sha256=kdeDBNPvBI0w3meLKPoGgAnEr54n1jzrZWUoaLmGzVY,99
+solara-1.7.0.dist-info/METADATA,sha256=zWsa_AKwSlFY1eavg7o0e-nMO3R552WlDv_RC__l8t8,2754
+solara-1.7.0.dist-info/RECORD,,

solara/widgets/vue/datatable.vue

@@ -1,173 +0,0 @@
-<template>
-  <v-slide-x-transition appear>
-    <div class="solara-data-table__viewport">
-    <v-data-table
-      dense
-      hide-default-header
-      :headers="[...headers]"
-      :items="items"
-      :footer-props="{ 'items-per-page-options': [10, 20, 50, 100] }"
-      :options.sync="options"
-      :items_per_page.sync="items_per_page"
-      :server-items-length="total_length"
-      :class="[
-        'elevation-1',
-        'solara-data-table',
-        scrollable && 'solara-data-table--scrollable',
-      ]"
-      :style="scrollable && height != null && `height: ${height}`"
-    >
-      <template v-slot:header="props">
-        <thead>
-          <tr>
-            <th style="padding: 0 10px; width: 40px">#</th>
-            <th style="padding: 0 1px; width: 30px" v-if="selection_enabled">
-              <v-btn icon color="primary" text small @click="apply_filter">
-                <v-icon>filter_list</v-icon>
-              </v-btn>
-            </th>
-            <th
-              style="padding: 0 1px"
-              v-for="(header, index) in headers_selections"
-              :key="header.text"
-            >
-              <v-icon style="padding: 0 1px" :key="index" :color="selection_colors[index]"
-                >brightness_1</v-icon
-              >
-            </th>
-            <v-slide-x-transition :key="header.text" v-for="header in headers">
-              <th class="text-no-wrap">
-                  {{ header.text }}
-                  <v-menu open-on-hover bottom offset-y v-if="column_actions.length">
-                    <template v-slot:activator="{ on, attrs }">
-                      <v-icon v-bind="attrs" v-on="on" small class="solara-data-table-menu">mdi-dots-vertical</v-icon>
-                    </template>
-                    <v-list v-for="(action, index) in column_actions" :key="index">
-                      <v-list-item link @click="on_column_action([header.value, index])">
-                        <v-list-item-icon><v-icon>{{action.icon}}</v-icon></v-list-item-icon>
-                        <v-list-item-title>{{action.name}}</v-list-item-title>
-                      </v-list-item>
-                    </v-list>
-                  </v-menu>
-              </th>
-            </v-slide-x-transition>
-          </tr>
-        </thead>
-      </template>
-      <template v-slot:item="props">
-          <!-- @click="on_row_clicked(props.item.__row__)" -->
-        <tr
-          :class="{ highlightedRow: props.item.__row__ === highlighted }"
-        >
-          <td style="padding: 0 10px" class="text-xs-left">
-            <i>{{ props.item.__row__ }}</i>
-          </td>
-          <td style="padding: 0 1px" class="text-xs-left" v-if="selection_enabled">
-            <v-checkbox
-              hide-details
-              style="margin-top: 0; padding-top: 0"
-              :input-value="checked.indexOf(props.item.__row__) != -1"
-              :key="props.item.__row__"
-              @change="(value) => select({ checked: value, row: props.item.__row__ })"
-            />
-          </td>
-          <td
-            style="padding: 0 1px"
-            :key="header.text"
-            v-for="(header, index) in headers_selections"
-          >
-            <v-fade-transition leave-absolute>
-              <v-icon
-                v-if="props.item[header.value]"
-                v-model="props.item[header.value]"
-                :color="selection_colors[index]"
-                >brightness_1</v-icon
-              >
-            </v-fade-transition>
-          </td>
-          <td
-            v-for="header in headers"
-            class="text-truncate text-no-wrap"
-            :key="header.text"
-            :title="props.item[header.value]"
-          >
-            <v-slide-x-transition appear>
-              <!-- <span @click="on_item_click([props.item.__row__, header.value])">{{ props.item[header.value] }}</span> -->
-                <span>
-                  {{ props.item[header.value] }}
-                  <v-menu open-on-hover bottom offset-y v-if="cell_actions.length">
-                    <template v-slot:activator="{ on, attrs }">
-                      <v-icon v-bind="attrs" v-on="on" small class="solara-data-table-menu">mdi-dots-vertical</v-icon>
-                    </template>
-                    <v-list v-for="(action, index) in cell_actions" :key="index">
-                      <v-list-item link @click="on_cell_action([props.item.__row__, header.value, index])">
-                        <v-list-item-icon><v-icon>{{action.icon}}</v-icon></v-list-item-icon>
-                        <v-list-item-title>{{action.name}}</v-list-item-title>
-                      </v-list-item>
-                    </v-list>
-                  </v-menu>
-                </span>
-
-            </v-slide-x-transition>
-          </td>
-        </tr>
-      </template>
-    </v-data-table>
-    </div>
-  </v-slide-x-transition>
-</template>
-
-<style id="solara_table">
-.highlightedRow {
-  background-color: #e3f2fd;
-}
-.solara-data-table table {
-  table-layout: fixed;
-}
-.solara-data-table--scrollable .v-data-table__wrapper {
-  overflow-y: auto;
-  height: calc(100% - 59px);
-}
-.solara-data-table--scrollable thead > tr {
-  position: sticky;
-  top: 0;
-}
-.solara-data-table--scrollable .v-data-table__wrapper,
-.solara-data-table--scrollable .v-data-table__wrapper > table,
-.solara-data-table--scrollable .v-data-table__wrapper > table thead,
-.solara-data-table--scrollable .v-data-table__wrapper > table thead * {
-  background-color: inherit;
-}
-/* prevent checkboxes overlaying the table header */
-.solara-data-table--scrollable .v-data-table__wrapper > table thead {
-  position: relative;
-  z-index: 1;
-}
-
-.solara-data-table.v-data-table th,
-.solara-data-table.v-data-table td {
-  padding-left: 4px;
-  padding-right: 0;
-}
-.v-data-table .solara-data-table-menu {
-  opacity: 0;
-  transition: opacity 0.5s;
-}
-
-.v-data-table th:hover .solara-data-table-menu,
-.v-data-table td:hover .solara-data-table-menu {
-  opacity: 1;
-}
-
-.solara-data-table__viewport {
-  overflow-x: auto;
-  width: 100%;
-  max-height: 100%;
-}
-
-.solara-data-table.v-data-table,
-.solara-data-table.v-data-table table {
-  max-width: unset;
-  width: unset;
-}
-</style>