@grafana/scenes 5.26.0--canary.912.11978949363.0 → 5.26.0

package/dist/index.js

@@ -2991,7 +2991,16 @@ class GroupByVariable extends MultiValueVariable {
 }
 GroupByVariable.Component = GroupByVariableRenderer;
 function GroupByVariableRenderer({ model }) {
-  const { value, text, key, maxVisibleValues, noValueOnClear, options, includeAll } = model.useState();
+  const {
+    value,
+    text,
+    key,
+    maxVisibleValues,
+    noValueOnClear,
+    options,
+    includeAll,
+    allowCustomValue = true
+  } = model.useState();
   const values = React.useMemo(() => {
     const arrayValue = lodash.isArray(value) ? value : [value];
     const arrayText = lodash.isArray(text) ? text : [text];
@@ -3034,7 +3043,7 @@ function GroupByVariableRenderer({ model }) {
     id: key,
     placeholder: "Select value",
     width: "auto",
-    allowCustomValue: true,
+    allowCustomValue,
     inputValue,
     value: uncommittedValue,
     noMultiValueWrap: true,
@@ -3101,7 +3110,7 @@ function LoadingIndicator(props) {
 }
 
 function ControlsLabel(props) {
-  const styles = ui.useStyles2(getStyles$g);
+  const styles = ui.useStyles2(getStyles$f);
   const theme = ui.useTheme2();
   const isVertical = props.layout === "vertical";
   const loadingIndicator = Boolean(props.isLoading) ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -3164,7 +3173,7 @@ function ControlsLabel(props) {
   }
   return labelElement;
 }
-const getStyles$g = (theme) => ({
+const getStyles$f = (theme) => ({
   horizontalLabel: css.css({
     background: theme.isDark ? theme.colors.background.primary : theme.colors.background.secondary,
     display: `flex`,
@@ -3233,7 +3242,7 @@ function keyLabelToOption(key, label) {
 const filterNoOp = () => true;
 function AdHocFilterRenderer({ filter, model }) {
   var _a, _b, _c, _d, _e;
-  const styles = ui.useStyles2(getStyles$f);
+  const styles = ui.useStyles2(getStyles$e);
   const [keys, setKeys] = React.useState([]);
   const [values, setValues] = React.useState([]);
   const [isKeysLoading, setIsKeysLoading] = React.useState(false);
@@ -3436,7 +3445,7 @@ function AdHocFilterRenderer({ filter, model }) {
     onClick: () => model._removeFilter(filter)
   }));
 }
-const getStyles$f = (theme) => ({
+const getStyles$e = (theme) => ({
   field: css.css({
     marginBottom: 0
   }),
@@ -3619,7 +3628,7 @@ var __objRest$3 = (source, exclude) => {
 const DropdownItem = React.forwardRef(
   function DropdownItem2(_a, ref) {
     var _b = _a, { children, active, addGroupBottomBorder, isMultiValueEdit, checked } = _b, rest = __objRest$3(_b, ["children", "active", "addGroupBottomBorder", "isMultiValueEdit", "checked"]);
-    const styles = ui.useStyles2(getStyles$e);
+    const styles = ui.useStyles2(getStyles$d);
     const id = React.useId();
     return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$C({
       ref,
@@ -3637,7 +3646,7 @@ const DropdownItem = React.forwardRef(
     }) : null, children)));
   }
 );
-const getStyles$e = (theme) => ({
+const getStyles$d = (theme) => ({
   option: css.css({
     label: "grafana-select-option",
     top: 0,
@@ -3708,7 +3717,7 @@ const OptionsErrorPlaceholder = ({ handleFetchOptions }) => {
   }, "An error has occurred fetching labels. Click to retry");
 };
 const MultiValueApplyButton = ({ onApply, floatingElement, maxOptionWidth, menuHeight }) => {
-  const styles = ui.useStyles2(getStyles$e);
+  const styles = ui.useStyles2(getStyles$d);
   const floatingElementRect = floatingElement == null ? void 0 : floatingElement.getBoundingClientRect();
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles.multiValueApplyWrapper,
@@ -3954,7 +3963,7 @@ const MultiValuePill = ({
   handleEditMultiValuePill
 }) => {
   var _a, _b;
-  const styles = ui.useStyles2(getStyles$d);
+  const styles = ui.useStyles2(getStyles$c);
   const editMultiValuePill = React.useCallback(
     (e) => {
       e.stopPropagation();
@@ -4007,7 +4016,7 @@ const MultiValuePill = ({
     id: `${item.value}-${index}-close-icon`
   })));
 };
-const getStyles$d = (theme) => ({
+const getStyles$c = (theme) => ({
   basePill: css.css(__spreadProps$p(__spreadValues$B({
     display: "flex",
     alignItems: "center",
@@ -4064,7 +4073,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
   const [inputValue, setInputValue] = React.useState("");
   const [activeIndex, setActiveIndex] = React.useState(null);
   const [filterInputType, setInputType] = React.useState(!isAlwaysWip ? "value" : "key");
-  const styles = ui.useStyles2(getStyles$c);
+  const styles = ui.useStyles2(getStyles$b);
   const [filterMultiValues, setFilterMultiValues] = React.useState([]);
   const [_, setForceRefresh] = React.useState({});
   const allowCustomValue = (_a = model.state.allowCustomValue) != null ? _a : true;
@@ -4568,7 +4577,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
     menuHeight: Math.min(rowVirtualizer.getTotalSize(), MAX_MENU_HEIGHT)
   }) : null))));
 });
-const getStyles$c = (theme) => ({
+const getStyles$b = (theme) => ({
   comboboxWrapper: css.css({
     display: "flex",
     flexWrap: "wrap"
@@ -4659,7 +4668,7 @@ var __spreadValues$z = (a, b) => {
 var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
 function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
   var _a, _b, _c;
-  const styles = ui.useStyles2(getStyles$b);
+  const styles = ui.useStyles2(getStyles$a);
   const [viewMode, setViewMode] = React.useState(true);
   const [shouldFocusOnPillWrapper, setShouldFocusOnPillWrapper] = React.useState(false);
   const pillWrapperRef = React.useRef(null);
@@ -4749,7 +4758,7 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
     populateInputOnEdit
   });
 }
-const getStyles$b = (theme) => ({
+const getStyles$a = (theme) => ({
   combinedFilterPill: css.css(__spreadProps$n(__spreadValues$z({
     display: "flex",
     alignItems: "center",
@@ -4810,7 +4819,7 @@ const AdHocFiltersAlwaysWipCombobox = React.forwardRef(function AdHocFiltersAlwa
 
 const AdHocFiltersComboboxRenderer = React.memo(function AdHocFiltersComboboxRenderer2({ model }) {
   const { filters, readOnly } = model.useState();
-  const styles = ui.useStyles2(getStyles$a);
+  const styles = ui.useStyles2(getStyles$9);
   const focusOnWipInputRef = React.useRef();
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     className: css.cx(styles.comboboxWrapper, { [styles.comboboxFocusOutline]: !readOnly }),
@@ -4833,7 +4842,7 @@ const AdHocFiltersComboboxRenderer = React.memo(function AdHocFiltersComboboxRen
     ref: focusOnWipInputRef
   }) : null);
 });
-const getStyles$a = (theme) => ({
+const getStyles$9 = (theme) => ({
   comboboxWrapper: css.css({
     display: "flex",
     flexWrap: "wrap",
@@ -5086,7 +5095,7 @@ function renderExpression(builder, filters) {
 }
 function AdHocFiltersVariableRenderer({ model }) {
   const { filters, readOnly, addFilterButtonText } = model.useState();
-  const styles = ui.useStyles2(getStyles$9);
+  const styles = ui.useStyles2(getStyles$8);
   if (model.state.layout === "combobox") {
     return /* @__PURE__ */ React__default["default"].createElement(AdHocFiltersComboboxRenderer, {
       model
@@ -5105,7 +5114,7 @@ function AdHocFiltersVariableRenderer({ model }) {
     addFilterButtonText
   }));
 }
-const getStyles$9 = (theme) => ({
+const getStyles$8 = (theme) => ({
   wrapper: css.css({
     display: "flex",
     flexWrap: "wrap",
@@ -6536,13 +6545,6 @@ function findAllObjects(scene, check) {
   });
   return found;
 }
-function findDescendent(scene, descendentType) {
-  function isDescendentType(scene2) {
-    return scene2 instanceof descendentType;
-  }
-  const targetScenes = findAllObjects(scene, isDescendentType);
-  return targetScenes.find(isDescendentType);
-}
 function getDataLayers(sceneObject, localOnly = false) {
   let currentLevel = sceneObject;
   let collected = [];
@@ -6627,8 +6629,7 @@ const sceneGraph = {
   getAncestor,
   findDescendents,
   getQueryController,
-  getUrlSyncManager,
-  findDescendent
+  getUrlSyncManager
 };
 
 class UniqueUrlKeyMapper {
@@ -9842,7 +9843,7 @@ class EmbeddedScene extends SceneObjectBase {
 EmbeddedScene.Component = EmbeddedSceneRenderer;
 function EmbeddedSceneRenderer({ model }) {
   const { body, controls } = model.useState();
-  const styles = ui.useStyles2(getStyles$8);
+  const styles = ui.useStyles2(getStyles$7);
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles.container
   }, controls && /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -9856,7 +9857,7 @@ function EmbeddedSceneRenderer({ model }) {
     model: body
   })));
 }
-const getStyles$8 = (theme) => {
+const getStyles$7 = (theme) => {
   return {
     container: css.css({
       flexGrow: 1,
@@ -10073,7 +10074,7 @@ const LazyLoader = React__default["default"].forwardRef(
   (_a, ref) => {
     var _b = _a, { children, onLoad, onChange, className } = _b, rest = __objRest$1(_b, ["children", "onLoad", "onChange", "className"]);
     const id = useUniqueId();
-    const { hideEmpty } = ui.useStyles2(getStyles$7);
+    const { hideEmpty } = ui.useStyles2(getStyles$6);
     const [loaded, setLoaded] = React.useState(false);
     const [isInView, setIsInView] = React.useState(false);
     const innerRef = React.useRef(null);
@@ -10107,7 +10108,7 @@ const LazyLoader = React__default["default"].forwardRef(
     }, rest), loaded && (typeof children === "function" ? children({ isInView }) : children));
   }
 );
-function getStyles$7() {
+function getStyles$6() {
   return {
     hideEmpty: css.css({
       "&:empty": {
@@ -10804,7 +10805,7 @@ NestedScene.Component = NestedSceneRenderer;
 function NestedSceneRenderer({ model }) {
   const { title, isCollapsed, canCollapse, canRemove, body, controls } = model.useState();
   const gridRow = ui.useStyles2(getSceneGridRowStyles);
-  const styles = ui.useStyles2(getStyles$6);
+  const styles = ui.useStyles2(getStyles$5);
   const toolbarControls = (controls != null ? controls : []).map((action) => /* @__PURE__ */ React__default["default"].createElement(action.Component, {
     key: action.state.key,
     model: action
@@ -10839,7 +10840,7 @@ function NestedSceneRenderer({ model }) {
     model: body
   }));
 }
-const getStyles$6 = (theme) => ({
+const getStyles$5 = (theme) => ({
   wrapper: css.css({
     display: "flex",
     flexDirection: "column",
@@ -11417,7 +11418,7 @@ const timeShiftAlignmentProcessor = (primary, secondary) => {
 };
 function SceneTimeRangeCompareRenderer({ model }) {
   var _a;
-  const styles = ui.useStyles2(getStyles$5);
+  const styles = ui.useStyles2(getStyles$4);
   const { compareWith, compareOptions } = model.useState();
   const [previousCompare, setPreviousCompare] = React__default["default"].useState(compareWith);
   const previousValue = (_a = compareOptions.find(({ value: value2 }) => value2 === previousCompare)) != null ? _a : PREVIOUS_PERIOD_COMPARE_OPTION;
@@ -11457,7 +11458,7 @@ function SceneTimeRangeCompareRenderer({ model }) {
     isOpen: false
   }, previousValue.label));
 }
-function getStyles$5(theme) {
+function getStyles$4(theme) {
   return {
     previewButton: css.css({
       "&:disabled": {
@@ -11565,87 +11566,6 @@ SceneControlsSpacer.Component = (_props) => {
   });
 };
 
-class TimeSeriesLimitSeriesTitleItemScene extends SceneObjectBase {
-  constructor(state) {
-    super(state);
-    this.addActivationHandler(this.onActivate.bind(this));
-  }
-  onActivate() {
-    const panel = sceneGraph.getAncestor(this, VizPanel);
-    const $transformedData = sceneGraph.getData(panel);
-    const untransformedQueryRunner = sceneGraph.findDescendent(panel, SceneQueryRunner);
-    this._subs.add(
-      $transformedData.subscribeToState((transformedDataState) => {
-        var _a, _b, _c;
-        if (untransformedQueryRunner && ((_a = untransformedQueryRunner.state.data) == null ? void 0 : _a.series.length) !== this.state.currentSeriesCount) {
-          this.setState({
-            currentSeriesCount: (_b = transformedDataState.data) == null ? void 0 : _b.series.length,
-            totalSeriesCount: (_c = untransformedQueryRunner.state.data) == null ? void 0 : _c.series.length
-          });
-        }
-      })
-    );
-  }
-  showAllSeries() {
-    const $data = sceneGraph.getData(this);
-    if ($data instanceof SceneDataTransformer) {
-      $data.setState({
-        transformations: []
-      });
-      this.setState({
-        showAllSeries: true
-      });
-      $data.reprocessTransformations();
-    }
-  }
-}
-TimeSeriesLimitSeriesTitleItemScene.Component = ({ model }) => {
-  const { showAllSeries, currentSeriesCount, seriesLimit, totalSeriesCount } = model.useState();
-  const styles = ui.useStyles2(getStyles$4);
-  if (totalSeriesCount === void 0 || showAllSeries || !currentSeriesCount || totalSeriesCount < seriesLimit) {
-    return null;
-  }
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: styles.timeSeriesDisclaimer
-  }, /* @__PURE__ */ React__default["default"].createElement("span", {
-    className: styles.warningMessage
-  }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(ui.Icon, {
-    title: `Showing only ${model.state.seriesLimit} series`,
-    name: "exclamation-triangle",
-    "aria-hidden": "true"
-  }))), /* @__PURE__ */ React__default["default"].createElement(ui.Tooltip, {
-    content: "Rendering too many series in a single panel may impact performance and make data harder to read."
-  }, /* @__PURE__ */ React__default["default"].createElement(ui.Button, {
-    variant: "secondary",
-    size: "sm",
-    onClick: () => model.showAllSeries()
-  }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, "Show all ", totalSeriesCount))));
-};
-function limitFramesTransformation(limit) {
-  return (source) => {
-    return source.pipe(
-      rxjs.map((frames) => {
-        return frames.slice(0, limit);
-      })
-    );
-  };
-}
-const getStyles$4 = (theme) => ({
-  timeSeriesDisclaimer: css.css({
-    label: "time-series-disclaimer",
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(1)
-  }),
-  warningMessage: css.css({
-    display: "flex",
-    alignItems: "center",
-    gap: theme.spacing(0.5),
-    color: theme.colors.warning.main,
-    fontSize: theme.typography.bodySmall.fontSize
-  })
-});
-
 class SceneFlexLayout extends SceneObjectBase {
   toggleDirection() {
     this.setState({
@@ -13096,10 +13016,6 @@ class VizPanelBuilder {
     this._state.title = title;
     return this;
   }
-  setTitleItems(titleItems) {
-    this._state.titleItems = titleItems;
-    return this;
-  }
   setDescription(description) {
     this._state.description = description;
     return this;
@@ -13197,38 +13113,12 @@ class VizPanelBuilder {
     return this;
   }
   build() {
-    this.limitPanelSeries();
     const panel = new VizPanel(__spreadProps(__spreadValues({}, this._state), {
       options: this._panelOptionsBuilder.build(),
       fieldConfig: this._fieldConfigBuilder.build()
     }));
     return panel;
   }
-  limitPanelSeries() {
-    if (this._state.$data) {
-      const limitSeriesTitleItem = this.getLimitSeriesTitleItem();
-      if (limitSeriesTitleItem && limitSeriesTitleItem.state.seriesLimit) {
-        this.setData(new SceneDataTransformer({
-          $data: this._state.$data,
-          transformations: [() => limitFramesTransformation(limitSeriesTitleItem.state.seriesLimit)]
-        }));
-      }
-    }
-  }
-  getLimitSeriesTitleItem() {
-    if (this._state.titleItems) {
-      if (Array.isArray(this._state.titleItems)) {
-        for (const titleItem of this._state.titleItems) {
-          if (titleItem instanceof TimeSeriesLimitSeriesTitleItemScene) {
-            return titleItem;
-          }
-        }
-      } else if (this._state.titleItems instanceof TimeSeriesLimitSeriesTitleItemScene) {
-        return this._state.titleItems;
-      }
-    }
-    return void 0;
-  }
 }
 
 const PanelOptionsBuilders = {
@@ -13705,7 +13595,6 @@ exports.SceneVariableValueChangedEvent = SceneVariableValueChangedEvent;
 exports.SplitLayout = SplitLayout;
 exports.TestVariable = TestVariable;
 exports.TextBoxVariable = TextBoxVariable;
-exports.TimeSeriesLimitSeriesTitleItemScene = TimeSeriesLimitSeriesTitleItemScene;
 exports.UrlSyncContextProvider = UrlSyncContextProvider;
 exports.UrlSyncManager = UrlSyncManager;
 exports.UserActionEvent = UserActionEvent;