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

@@ -4,6 +4,11 @@
 from .panel import panel
 from .spectrum import *
 from .table import table
+from .dashboard import dashboard
+from .row import row
+from .column import column
+from .stack import stack
+
 from . import html
 
 
@@ -12,9 +17,11 @@
     "button",
     "button_group",
     "checkbox",
+    "column",
     "component",
     "content",
     "contextual_help",
+    "dashboard",
     "flex",
     "form",
     "fragment",
@@ -28,8 +35,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 DashboardElement
+
+
+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 DashboardElement(*children, **kwargs)

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

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