feat: UI dashboard

plugins/ui/src/deephaven/ui/__init__.py

@@ -16,4 +16,5 @@
 class UIRegistration(Registration):
     @classmethod
     def register_into(cls, callback: Callback) -> None:
+        callback.register(DashboardType)
         callback.register(ElementType)

plugins/ui/src/deephaven/ui/components/__init__.py

@@ -1,9 +1,15 @@
 from .icon import icon
 from .make_component import make_component as component
+from .make_dashboard import make_dashboard as dashboard
 from .fragment import fragment
 from .panel import panel
 from .spectrum import *
 from .table import table
+from .row import row
+from .column import column
+from .stack import stack
+
+# from .dashboard import dashboard
 from . import html
 
 
@@ -12,9 +18,11 @@
     "button",
     "button_group",
     "checkbox",
+    "column",
     "component",
     "content",
     "contextual_help",
+    "dashboard",
     "flex",
     "form",
     "fragment",
@@ -28,8 +36,10 @@
     "item",
     "panel",
     "range_slider",
+    "row",
     "slider",
     "spectrum_element",
+    "stack",
     "switch",
     "table",
     "tab_list",

plugins/ui/src/deephaven/ui/components/column.py

@@ -0,0 +1,18 @@
+from __future__ import annotations
+
+from typing import Any
+from ..elements import BaseElement
+
+
+def column(*children: Any, width: float | None = None, **kwargs: Any):
+    """
+    A column is a container that can be used to group elements.
+    Each element will be placed below its prior sibling.
+
+    Args:
+        children: Elements to render in the column.
+        width: The percent width of the column relative to other children of its parent. If not provided, the column will be sized automatically.
+    """
+    return BaseElement(
+        "deephaven.ui.components.Column", *children, width=width, **kwargs
+    )

plugins/ui/src/deephaven/ui/components/dashboard.py

@@ -0,0 +1,14 @@
+from __future__ import annotations
+
+from typing import Any
+from ..elements import BaseElement
+
+
+def dashboard(*children: Any, **kwargs: Any):
+    """
+    A dashboard is the container for an entire layout.
+
+    Args:
+        children: Elements to render in the dashboard. Must have only 1 root element.
+    """
+    return BaseElement("deephaven.ui.components.Dashboard", *children, **kwargs)