@grafana/scenes 0.0.19 → 0.0.20

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { Observable, Observer, SubscriptionLike, Unsubscribable, MonoTypeOperatorFunction, Subscription } from 'rxjs';
-import { BusEventWithPayload, PanelData, BusEvent, BusEventType, BusEventHandler, TimeZone, TimeRange, DataTransformContext, DataFrame, ScopedVars, DataSourceRef, DataQuery, DataTransformerConfig, Registry, RegistryItem, VariableRefresh, VariableSort, FieldConfigSource, PanelPlugin, AbsoluteTimeRange, InterpolateFunction } from '@grafana/data';
+import { BusEventWithPayload, PanelData, BusEvent, BusEventType, BusEventHandler, TimeZone, TimeRange, DataTransformContext, DataFrame, ScopedVars, DataSourceRef, DataQuery, DataTransformerConfig, Registry, RegistryItem, VariableRefresh, VariableSort, FieldConfigSource, PanelPlugin, AbsoluteTimeRange, InterpolateFunction, IconName as IconName$1 } from '@grafana/data';
 import { VariableType, VariableHide, VariableModel } from '@grafana/schema';
 import { IconName } from '@grafana/ui';
 import ReactGridLayout from 'react-grid-layout';
@@ -911,9 +911,6 @@ declare class SceneGridLayout extends SceneObjectBase<SceneGridLayoutState> impl
 }
 declare function SceneGridLayoutRenderer({ model }: SceneComponentProps<SceneGridLayout>): JSX.Element;
 
-interface SceneAppState extends SceneObjectStatePlain {
-    pages: SceneAppPage[];
-}
 interface SceneRouteMatch<Params extends {
     [K in keyof Params]?: string;
 } = {}> {
@@ -922,24 +919,45 @@ interface SceneRouteMatch<Params extends {
     path: string;
     url: string;
 }
-/**
- * Responsible for top level pages routing
- */
-declare class SceneApp extends SceneObjectBase<SceneAppState> {
-    static Component: ({ model }: SceneComponentProps<SceneApp>) => JSX.Element;
+interface SceneAppState extends SceneObjectStatePlain {
+    pages: SceneAppPageLike[];
+}
+interface SceneAppRoute {
+    path: string;
+    page?: SceneAppPageLike;
+    drilldown?: SceneAppDrilldownView;
 }
 interface SceneAppPageState extends SceneObjectStatePlain {
+    /** Page title */
     title: string;
+    /** Page subTitle */
     subTitle?: string;
+    /** For an image before title */
+    titleImg?: string;
+    /** For an icon before title */
+    titleIcon?: IconName$1;
     url: string;
     routePath?: string;
     hideFromBreadcrumbs?: boolean;
-    tabs?: SceneAppPage[];
+    tabs?: SceneAppPageLike[];
     getScene: (routeMatch: SceneRouteMatch) => EmbeddedScene;
     drilldowns?: SceneAppDrilldownView[];
-    getParentPage?: () => SceneAppPage;
+    getParentPage?: () => SceneAppPageLike;
     preserveUrlKeys?: string[];
 }
+type SceneAppPageLike = SceneObject<SceneAppPageState>;
+interface SceneAppDrilldownView {
+    routePath: string;
+    getPage: (routeMatch: SceneRouteMatch<any>, parent: SceneAppPageLike) => SceneAppPageLike;
+}
+
+/**
+ * Responsible for top level pages routing
+ */
+declare class SceneApp extends SceneObjectBase<SceneAppState> {
+    static Component: ({ model }: SceneComponentProps<SceneApp>) => JSX.Element;
+}
+
 /**
  * Responsible for page's drilldown & tabs routing
  */
@@ -947,9 +965,5 @@ declare class SceneAppPage extends SceneObjectBase<SceneAppPageState> {
     static Component: typeof SceneAppPageRenderer;
 }
 declare function SceneAppPageRenderer({ model }: SceneComponentProps<SceneAppPage>): JSX.Element;
-interface SceneAppDrilldownView {
-    routePath: string;
-    getPage: (routeMatch: SceneRouteMatch<any>, parent: SceneAppPage) => SceneAppPage;
-}
 
-export { ConstantVariable, CustomFormatterFn, CustomTransformOperator, CustomVariable, DataSourceVariable, DeepPartial, EmbeddedScene, EmbeddedSceneState, FormatRegistryID, FormatVariable, NestedScene, QueryRunnerState, QueryVariable, SceneApp, SceneAppPage, SceneByFrameRepeater, SceneCanvasText, SceneComponent, SceneComponentProps, SceneControlsSpacer, SceneDataNode, SceneDataProvider, SceneDataState, SceneDataTransformer, SceneEditor, SceneEditorState, SceneFlexLayout, SceneGridLayout, SceneGridRow, SceneLayout, SceneLayoutChild, SceneLayoutChildOptions, SceneLayoutChildState, SceneLayoutState, SceneObject, SceneObjectBase, SceneObjectRef, SceneObjectState, SceneObjectStateChangedEvent, SceneObjectStateChangedPayload, SceneObjectStatePlain, SceneObjectUrlSyncConfig, SceneObjectUrlSyncHandler, SceneObjectUrlValue, SceneObjectUrlValues, SceneObjectWithUrlSync, SceneQueryRunner, SceneRefreshPicker, SceneRouteMatch, SceneTimePicker, SceneTimeRange, SceneTimeRangeLike, SceneTimeRangeState, SceneToolbarButton, SceneToolbarInput, SceneVariable, SceneVariableDependencyConfigLike, SceneVariableSet, SceneVariableSetState, SceneVariableState, SceneVariableValueChangedEvent, SceneVariables, TestVariable, TextBoxVariable, UrlSyncManager, ValidateAndUpdateResult, VariableDependencyConfig, VariableValue, VariableValueCustom, VariableValueOption, VariableValueSelectors, VariableValueSingle, VizPanel, VizPanelState, formatRegistry, isSceneObject, sceneGraph };
+export { ConstantVariable, CustomFormatterFn, CustomTransformOperator, CustomVariable, DataSourceVariable, DeepPartial, EmbeddedScene, EmbeddedSceneState, FormatRegistryID, FormatVariable, NestedScene, QueryRunnerState, QueryVariable, SceneApp, SceneAppDrilldownView, SceneAppPage, SceneAppPageLike, SceneAppPageState, SceneAppRoute, SceneByFrameRepeater, SceneCanvasText, SceneComponent, SceneComponentProps, SceneControlsSpacer, SceneDataNode, SceneDataProvider, SceneDataState, SceneDataTransformer, SceneEditor, SceneEditorState, SceneFlexLayout, SceneGridLayout, SceneGridRow, SceneLayout, SceneLayoutChild, SceneLayoutChildOptions, SceneLayoutChildState, SceneLayoutState, SceneObject, SceneObjectBase, SceneObjectRef, SceneObjectState, SceneObjectStateChangedEvent, SceneObjectStateChangedPayload, SceneObjectStatePlain, SceneObjectUrlSyncConfig, SceneObjectUrlSyncHandler, SceneObjectUrlValue, SceneObjectUrlValues, SceneObjectWithUrlSync, SceneQueryRunner, SceneRefreshPicker, SceneRouteMatch, SceneTimePicker, SceneTimeRange, SceneTimeRangeLike, SceneTimeRangeState, SceneToolbarButton, SceneToolbarInput, SceneVariable, SceneVariableDependencyConfigLike, SceneVariableSet, SceneVariableSetState, SceneVariableState, SceneVariableValueChangedEvent, SceneVariables, TestVariable, TextBoxVariable, UrlSyncManager, ValidateAndUpdateResult, VariableDependencyConfig, VariableValue, VariableValueCustom, VariableValueOption, VariableValueSelectors, VariableValueSingle, VizPanel, VizPanelState, formatRegistry, isSceneObject, sceneGraph };

package/dist/index.js

@@ -3269,7 +3269,8 @@ function FlexLayoutRenderer({ model, isEditing }) {
     display: "flex",
     gap: "8px",
     flexWrap: wrap,
-    alignContent: "baseline"
+    alignContent: "baseline",
+    minHeight: 0
   };
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     style
@@ -3766,6 +3767,22 @@ function sortGridLayout(layout) {
   return [...layout].sort((a, b) => a.y - b.y || a.x - b.x);
 }
 
+class SceneApp extends SceneObjectBase {
+}
+SceneApp.Component = ({ model }) => {
+  const { pages } = model.useState();
+  return /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Switch, null, pages.map((page) => /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
+    key: page.state.url,
+    exact: false,
+    path: page.state.url,
+    render: () => {
+      return page && /* @__PURE__ */ React__default["default"].createElement(page.Component, {
+        model: page
+      });
+    }
+  })));
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -3799,21 +3816,6 @@ function getLinkUrlWithAppUrlState(path, params, preserveParams) {
 }
 
 const sceneCache = /* @__PURE__ */ new Map();
-class SceneApp extends SceneObjectBase {
-}
-SceneApp.Component = ({ model }) => {
-  const { pages } = model.useState();
-  return /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Switch, null, pages.map((page) => /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
-    key: page.state.url,
-    exact: false,
-    path: page.state.url,
-    render: () => {
-      return page && /* @__PURE__ */ React__default["default"].createElement(page.Component, {
-        model: page
-      });
-    }
-  })));
-};
 class SceneAppPage extends SceneObjectBase {
 }
 SceneAppPage.Component = SceneAppPageRenderer;
@@ -3912,6 +3914,8 @@ function ScenePageRenderer({ page, tabs, activeTab }) {
   const pageNav = {
     text: page.state.title,
     subTitle: page.state.subTitle,
+    img: page.state.titleImg,
+    icon: page.state.titleIcon,
     url: getLinkUrlWithAppUrlState(page.state.url, params, page.state.preserveUrlKeys),
     hideFromBreadcrumbs: page.state.hideFromBreadcrumbs,
     parentItem: getParentBreadcrumbs(page.state.getParentPage ? page.state.getParentPage() : page.parent, params)