@grafana/scenes 5.27.0--canary.912.12031759221.0 → 5.27.0--canary.968.12050773878.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/scenes",
-  "version": "5.27.0--canary.912.12031759221.0",
+  "version": "5.27.0--canary.968.12050773878.0",
   "description": "Grafana framework for building dynamic dashboards",
   "author": "Grafana Labs",
   "license": "AGPL-3.0-only",
@@ -115,5 +115,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "43d4a593ce06865e8d7f41c2807897174421b666"
+  "gitHead": "6532d0de0277d276b0f34b22522724b27d6ed8be"
 }

package/dist/esm/components/LimitFramesTitleItemScene.js

@@ -1,98 +0,0 @@
-import { useStyles2, Icon, Tooltip, Button } from '@grafana/ui';
-import React from 'react';
-import { css } from '@emotion/css';
-import { SceneObjectBase } from '../core/SceneObjectBase.js';
-import { map } from 'rxjs';
-import { sceneGraph } from '../core/sceneGraph/index.js';
-import { SceneDataTransformer } from '../querying/SceneDataTransformer.js';
-import { VizPanel } from './VizPanel/VizPanel.js';
-import { SceneQueryRunner } from '../querying/SceneQueryRunner.js';
-
-const LIMIT_FRAMES_TITLE_ITEM_TRANSFORMATION_KEY = "limit_frames_title_item_transformation";
-class LimitFramesTitleItemScene extends SceneObjectBase {
-  constructor(state) {
-    super(state);
-    this.addActivationHandler(this.onActivate.bind(this));
-  }
-  onActivate() {
-    const panel = sceneGraph.getAncestor(this, VizPanel);
-    const $transformedDataArray = sceneGraph.findAllObjects(panel, (scene) => scene.state.key === LIMIT_FRAMES_TITLE_ITEM_TRANSFORMATION_KEY);
-    const $transformedData = $transformedDataArray[0];
-    if ($transformedData) {
-      const $untransformedDataProviders = sceneGraph.findAllObjects($transformedData, (scene) => scene instanceof SceneDataTransformer || scene instanceof SceneQueryRunner);
-      const $untransformedDataProvider = $untransformedDataProviders[0];
-      this._subs.add(
-        $transformedData.subscribeToState((transformedDataState) => {
-          var _a, _b, _c;
-          if ($untransformedDataProvider && ((_a = $untransformedDataProvider.state.data) == null ? void 0 : _a.series.length) !== this.state.currentFrameCount) {
-            this.setState({
-              currentFrameCount: (_b = transformedDataState.data) == null ? void 0 : _b.series.length,
-              totalFrameCount: (_c = $untransformedDataProvider.state.data) == null ? void 0 : _c.series.length
-            });
-          }
-        })
-      );
-    }
-  }
-  showAllSeries() {
-    const $data = sceneGraph.getData(this);
-    if ($data instanceof SceneDataTransformer) {
-      $data.setState({
-        transformations: []
-      });
-      this.setState({
-        showAllFrames: true
-      });
-      $data.reprocessTransformations();
-    }
-  }
-}
-LimitFramesTitleItemScene.Component = ({ model }) => {
-  const { showAllFrames, currentFrameCount, frameLimit, totalFrameCount } = model.useState();
-  const styles = useStyles2(getStyles);
-  if (totalFrameCount === void 0 || showAllFrames || !currentFrameCount || totalFrameCount < frameLimit) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement("div", {
-    className: styles.timeSeriesDisclaimer
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: styles.warningMessage
-  }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, {
-    title: `Showing only ${model.state.frameLimit} series`,
-    name: "exclamation-triangle",
-    "aria-hidden": "true"
-  }))), /* @__PURE__ */ React.createElement(Tooltip, {
-    content: "Rendering too many series in a single panel may impact performance and make data harder to read."
-  }, /* @__PURE__ */ React.createElement(Button, {
-    variant: "secondary",
-    size: "sm",
-    onClick: () => model.showAllSeries()
-  }, /* @__PURE__ */ React.createElement(React.Fragment, null, "Show all ", totalFrameCount))));
-};
-function limitFramesTransformation(limit) {
-  return (source) => {
-    return source.pipe(
-      map((frames) => {
-        return frames.slice(0, limit);
-      })
-    );
-  };
-}
-const getStyles = (theme) => ({
-  timeSeriesDisclaimer: css({
-    label: "time-series-disclaimer",
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(1)
-  }),
-  warningMessage: css({
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(0.5),
-    color: theme.colors.warning.main,
-    fontSize: theme.typography.bodySmall.fontSize
-  })
-});
-
-export { LIMIT_FRAMES_TITLE_ITEM_TRANSFORMATION_KEY, LimitFramesTitleItemScene, limitFramesTransformation };
-//# sourceMappingURL=LimitFramesTitleItemScene.js.map

package/dist/esm/components/LimitFramesTitleItemScene.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LimitFramesTitleItemScene.js","sources":["../../../src/components/LimitFramesTitleItemScene.tsx"],"sourcesContent":["import { Button, Icon, Tooltip, useStyles2 } from '@grafana/ui';\nimport React from 'react';\nimport { DataFrame, GrafanaTheme2 } from '@grafana/data';\nimport { css } from '@emotion/css';\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { map, Observable } from 'rxjs';\nimport { SceneComponentProps, SceneDataProvider, SceneObjectState } from '../core/types';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneDataTransformer } from '../querying/SceneDataTransformer';\nimport { VizPanel } from './VizPanel/VizPanel';\nimport { SceneQueryRunner } from '../querying/SceneQueryRunner';\n\nexport interface LimitFramesTitleItemSceneState extends SceneObjectState {\n  showAllFrames?: boolean;\n  currentFrameCount?: number;\n  totalFrameCount?: number\n  frameLimit: number\n}\n\nexport const LIMIT_FRAMES_TITLE_ITEM_TRANSFORMATION_KEY = 'limit_frames_title_item_transformation'\n\n/**\n * PanelBuilder titleItems component that will limit the default number of series rendered\n *\n * Usage:\n * PanelBuilders.timeseries()\n * .setData($data)\n * .setTitleItems([new LimitFramesTitleItemScene({\n *    frameLimit: 20, // limits the default number of series that are rendered in the viz\n *  })])\n */\nexport class LimitFramesTitleItemScene extends SceneObjectBase<LimitFramesTitleItemSceneState> {\n  public constructor(state: LimitFramesTitleItemSceneState) {\n    super(state);\n    this.addActivationHandler(this.onActivate.bind(this));\n  }\n\n  private onActivate() {\n    const panel = sceneGraph.getAncestor(this, VizPanel);\n\n    const $transformedDataArray = sceneGraph.findAllObjects(panel, (scene) => scene.state.key === LIMIT_FRAMES_TITLE_ITEM_TRANSFORMATION_KEY)\n    const $transformedData = $transformedDataArray[0] as SceneDataTransformer | undefined;\n\n    if($transformedData){\n      const $untransformedDataProviders = sceneGraph.findAllObjects($transformedData, (scene) => scene instanceof SceneDataTransformer || scene instanceof SceneQueryRunner)\n      const $untransformedDataProvider = $untransformedDataProviders[0] as SceneDataProvider | undefined\n\n      // Subscribe to data changes and update the frame counts\n      this._subs.add(\n        $transformedData.subscribeToState((transformedDataState) => {\n          if ($untransformedDataProvider && $untransformedDataProvider.state.data?.series.length !== this.state.currentFrameCount) {\n            this.setState({\n              currentFrameCount: transformedDataState.data?.series.length,\n              totalFrameCount: $untransformedDataProvider.state.data?.series.length\n            });\n          }\n        })\n      );\n    }\n  }\n\n  /**\n   * Removes the default series limit and renders all series in the viz\n   */\n  public showAllSeries () {\n    const $data = sceneGraph.getData(this);\n    if($data instanceof SceneDataTransformer){\n      $data.setState({\n        transformations: [],\n      });\n      this.setState({\n        showAllFrames: true,\n      });\n      $data.reprocessTransformations();\n    }\n  }\n  public static Component = ({ model }: SceneComponentProps<LimitFramesTitleItemScene>) => {\n    const { showAllFrames, currentFrameCount, frameLimit, totalFrameCount,  } = model.useState();\n    const styles = useStyles2(getStyles);\n\n    if (\n      totalFrameCount === undefined ||\n      showAllFrames ||\n      !currentFrameCount ||\n      totalFrameCount < frameLimit\n    ) {\n      return null;\n    }\n\n    return (\n      <div className={styles.timeSeriesDisclaimer}>\n        <span className={styles.warningMessage}>\n          <>\n            <Icon\n              title={`Showing only ${model.state.frameLimit} series`}\n              name=\"exclamation-triangle\"\n              aria-hidden=\"true\"\n            />\n          </>\n        </span>\n        <Tooltip content={'Rendering too many series in a single panel may impact performance and make data harder to read.'}>\n          <Button variant=\"secondary\" size=\"sm\" onClick={() => model.showAllSeries()}>\n            <>Show all {totalFrameCount}</>\n          </Button>\n        </Tooltip>\n      </div>\n    );\n  };\n}\n\nexport function limitFramesTransformation(limit: number) {\n  return (source: Observable<DataFrame[]>) => {\n    return source.pipe(\n      map((frames) => {\n        return frames.slice(0, limit);\n      })\n    );\n  };\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  timeSeriesDisclaimer: css({\n    label: 'time-series-disclaimer',\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }),\n  warningMessage: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.colors.warning.main,\n    fontSize: theme.typography.bodySmall.fontSize,\n  }),\n});\n"],"names":[],"mappings":"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"}