@grafana/scenes 6.42.3--canary.1294.18971111328.0 → 6.42.3--canary.1295.19058579723.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/scenes",
-  "version": "6.42.3--canary.1294.18971111328.0",
+  "version": "6.42.3--canary.1295.19058579723.0",
   "description": "Grafana framework for building dynamic dashboards",
   "author": "Grafana Labs",
   "license": "Apache-2.0",
@@ -48,12 +48,12 @@
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "@grafana/data": ">=11.5",
-    "@grafana/e2e-selectors": ">=11.5",
+    "@grafana/data": ">=10.4",
+    "@grafana/e2e-selectors": ">=10.4",
     "@grafana/i18n": "*",
-    "@grafana/runtime": ">=11.5",
-    "@grafana/schema": ">=11.5",
-    "@grafana/ui": ">=11.5",
+    "@grafana/runtime": ">=10.4",
+    "@grafana/schema": ">=10.4",
+    "@grafana/ui": ">=10.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-router-dom": "^6.28.0"
@@ -125,5 +125,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "f1db13d9be3110f9086d1e702771b1d7dd3de002"
+  "gitHead": "4a860701b315acac95b5a7e86d48705f8c2224fd"
 }

package/dist/esm/variables/variants/ExperimentalIntervalVariable.js

@@ -1,106 +0,0 @@
-import { t } from '@grafana/i18n';
-import { rangeUtil } from '@grafana/data';
-import { VariableRefresh } from '@grafana/schema';
-import { Combobox } from '@grafana/ui';
-import React from 'react';
-import { of } from 'rxjs';
-import { sceneGraph } from '../../core/sceneGraph/index.js';
-import { SceneObjectBase } from '../../core/SceneObjectBase.js';
-import { SceneObjectUrlSyncConfig } from '../../services/SceneObjectUrlSyncConfig.js';
-import { AUTO_VARIABLE_TEXT, AUTO_VARIABLE_VALUE } from '../constants.js';
-import { SceneVariableValueChangedEvent } from '../types.js';
-
-class ExperimentalIntervalVariable extends SceneObjectBase {
-  constructor(initialState) {
-    super({
-      type: "interval",
-      value: "",
-      intervals: ["1m", "10m", "30m", "1h", "6h", "12h", "1d", "7d", "14d", "30d"],
-      name: "",
-      autoStepCount: 30,
-      autoMinInterval: "10s",
-      autoEnabled: false,
-      refresh: VariableRefresh.onTimeRangeChanged,
-      ...initialState
-    });
-    this._onChange = (value) => {
-      this.setState({ value: value.value });
-      this.publishEvent(new SceneVariableValueChangedEvent(this), true);
-    };
-    this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: () => [this.getKey()] });
-  }
-  getKey() {
-    return `var-${this.state.name}`;
-  }
-  getUrlState() {
-    return { [this.getKey()]: this.state.value };
-  }
-  updateFromUrl(values) {
-    const update = {};
-    const val = values[this.getKey()];
-    if (typeof val === "string") {
-      if (val.startsWith("$__auto_interval_")) {
-        update.value = AUTO_VARIABLE_VALUE;
-      } else {
-        update.value = val;
-      }
-    }
-    this.setState(update);
-  }
-  getOptionsForSelect() {
-    const { value: currentValue, intervals, autoEnabled } = this.state;
-    let options = intervals.map((interval) => ({ value: interval, label: interval }));
-    if (autoEnabled) {
-      options = [{ value: AUTO_VARIABLE_VALUE, label: AUTO_VARIABLE_TEXT }, ...options];
-    }
-    if (currentValue && !options.some((option) => option.value === currentValue)) {
-      options.push({ value: currentValue, label: currentValue });
-    }
-    return options;
-  }
-  getValue() {
-    const { value, autoStepCount, autoMinInterval } = this.state;
-    if (value === AUTO_VARIABLE_VALUE) {
-      return this.getAutoRefreshInteval(autoStepCount, autoMinInterval);
-    }
-    return value;
-  }
-  getAutoRefreshInteval(autoStepCount, minRefreshInterval) {
-    const timeRange = sceneGraph.getTimeRange(this).state.value;
-    const intervalObject = rangeUtil.calculateInterval(timeRange, autoStepCount, minRefreshInterval);
-    return intervalObject.interval;
-  }
-  validateAndUpdate() {
-    const { value, intervals } = this.state;
-    let shouldPublish = false;
-    if (value === AUTO_VARIABLE_VALUE) {
-      shouldPublish = true;
-    } else if (!value && intervals.length > 0) {
-      const firstOption = intervals[0];
-      this.setState({ value: firstOption });
-      shouldPublish = true;
-    }
-    if (shouldPublish) {
-      this.publishEvent(new SceneVariableValueChangedEvent(this), true);
-    }
-    return of({});
-  }
-}
-ExperimentalIntervalVariable.Component = ({ model }) => {
-  const { key, value } = model.useState();
-  return /* @__PURE__ */ React.createElement(
-    Combobox,
-    {
-      id: key,
-      placeholder: t("grafana-scenes.variables.interval-variable.placeholder-select-value", "Select value"),
-      value,
-      options: model.getOptionsForSelect(),
-      onChange: model._onChange,
-      width: "auto",
-      minWidth: 32
-    }
-  );
-};
-
-export { ExperimentalIntervalVariable };
-//# sourceMappingURL=ExperimentalIntervalVariable.js.map

package/dist/esm/variables/variants/ExperimentalIntervalVariable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExperimentalIntervalVariable.js","sources":["../../../../src/variables/variants/ExperimentalIntervalVariable.tsx"],"sourcesContent":["import { t } from '@grafana/i18n';\nimport { rangeUtil } from '@grafana/data';\nimport { VariableRefresh } from '@grafana/schema';\nimport { Combobox, ComboboxOption } from '@grafana/ui';\nimport React from 'react';\nimport { Observable, of } from 'rxjs';\nimport { sceneGraph } from '../../core/sceneGraph';\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { SceneComponentProps, SceneObjectUrlValues } from '../../core/types';\nimport { SceneObjectUrlSyncConfig } from '../../services/SceneObjectUrlSyncConfig';\nimport { AUTO_VARIABLE_TEXT, AUTO_VARIABLE_VALUE } from '../constants';\nimport {\n  SceneVariable,\n  SceneVariableState,\n  SceneVariableValueChangedEvent,\n  ValidateAndUpdateResult,\n  VariableValue,\n} from '../types';\n\nexport interface IntervalVariableState extends SceneVariableState {\n  intervals: string[];\n  value: string;\n  autoEnabled: boolean;\n  autoMinInterval: string;\n  autoStepCount: number;\n  refresh: VariableRefresh;\n}\n\n/**\n * @experimental Temporary experimental alternative to IntervalVariable\n * that implements new `<Combobox />` instead of `<Select />`\n */\n\nexport class ExperimentalIntervalVariable\n  extends SceneObjectBase<IntervalVariableState>\n  implements SceneVariable<IntervalVariableState>\n{\n  public constructor(initialState: Partial<IntervalVariableState>) {\n    super({\n      type: 'interval',\n      value: '',\n      intervals: ['1m', '10m', '30m', '1h', '6h', '12h', '1d', '7d', '14d', '30d'],\n      name: '',\n      autoStepCount: 30,\n      autoMinInterval: '10s',\n      autoEnabled: false,\n      refresh: VariableRefresh.onTimeRangeChanged,\n      ...initialState,\n    });\n\n    this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: () => [this.getKey()] });\n  }\n\n  private getKey(): string {\n    return `var-${this.state.name}`;\n  }\n\n  public getUrlState() {\n    return { [this.getKey()]: this.state.value };\n  }\n\n  public updateFromUrl(values: SceneObjectUrlValues) {\n    const update: Partial<IntervalVariableState> = {};\n    const val = values[this.getKey()];\n    if (typeof val === 'string') {\n      // support old auto interval url value\n      if (val.startsWith('$__auto_interval_')) {\n        update.value = AUTO_VARIABLE_VALUE;\n      } else {\n        update.value = val;\n      }\n    }\n    this.setState(update);\n  }\n\n  public getOptionsForSelect(): Array<ComboboxOption<string>> {\n    const { value: currentValue, intervals, autoEnabled } = this.state;\n\n    let options = intervals.map((interval) => ({ value: interval, label: interval }));\n\n    if (autoEnabled) {\n      options = [{ value: AUTO_VARIABLE_VALUE, label: AUTO_VARIABLE_TEXT }, ...options];\n    }\n\n    // If the current value is not in the list of intervals, add it to the list\n    if (currentValue && !options.some((option) => option.value === currentValue)) {\n      options.push({ value: currentValue, label: currentValue });\n    }\n\n    return options;\n  }\n\n  public getValue(): VariableValue {\n    const { value, autoStepCount, autoMinInterval } = this.state;\n    if (value === AUTO_VARIABLE_VALUE) {\n      return this.getAutoRefreshInteval(autoStepCount, autoMinInterval);\n    }\n\n    return value;\n  }\n\n  private getAutoRefreshInteval(autoStepCount: number, minRefreshInterval: string) {\n    const timeRange = sceneGraph.getTimeRange(this).state.value;\n    const intervalObject = rangeUtil.calculateInterval(timeRange, autoStepCount, minRefreshInterval);\n    return intervalObject.interval;\n  }\n\n  public _onChange = (value: ComboboxOption<string>) => {\n    this.setState({ value: value.value! });\n    this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n  };\n\n  public validateAndUpdate(): Observable<ValidateAndUpdateResult> {\n    const { value, intervals } = this.state;\n    let shouldPublish = false;\n\n    if (value === AUTO_VARIABLE_VALUE) {\n      shouldPublish = true;\n    } else if (!value && intervals.length > 0) {\n      const firstOption = intervals[0];\n      this.setState({ value: firstOption });\n      shouldPublish = true;\n    }\n\n    if (shouldPublish) {\n      this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n    }\n\n    return of({});\n  }\n\n  public static Component = ({ model }: SceneComponentProps<ExperimentalIntervalVariable>) => {\n    const { key, value } = model.useState();\n\n    return (\n      <Combobox\n        id={key}\n        placeholder={t('grafana-scenes.variables.interval-variable.placeholder-select-value', 'Select value')}\n        value={value}\n        options={model.getOptionsForSelect()}\n        onChange={model._onChange}\n        width=\"auto\"\n        minWidth={32}\n      />\n    );\n  };\n}\n"],"names":[],"mappings":"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"}