@grafana/scenes 1.8.1 → 1.9.0

package/dist/esm/variables/adhoc/AdHocFilterRenderer.js

@@ -0,0 +1,129 @@
+import React, { useState } from 'react';
+import { toOption } from '@grafana/data';
+import { useStyles2, Select, Button } from '@grafana/ui';
+import { css } from '@emotion/css';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function AdHocFilterRenderer({ filter, model }) {
+  var _a;
+  const styles = useStyles2(getStyles);
+  const [state, setState] = useState({});
+  const keyValue = filter.key !== "" ? toOption(filter.key) : null;
+  const valueValue = filter.value !== "" ? toOption(filter.value) : null;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: styles.wrapper,
+    "data-testid": `AdHocFilter-${filter.key}`
+  }, /* @__PURE__ */ React.createElement(Select, {
+    disabled: model.state.readOnly,
+    className: state.isKeysOpen ? styles.widthWhenOpen : void 0,
+    width: "auto",
+    value: keyValue,
+    placeholder: "Select label",
+    options: state.keys,
+    onChange: (v) => model._updateFilter(filter, "key", v.value),
+    autoFocus: filter.key === "",
+    isOpen: state.isKeysOpen,
+    isLoading: state.isKeysLoading,
+    onOpenMenu: async () => {
+      setState(__spreadProps(__spreadValues({}, state), { isKeysLoading: true }));
+      const keys = await model._getKeys(filter.key);
+      setState(__spreadProps(__spreadValues({}, state), { isKeysLoading: false, isKeysOpen: true, keys }));
+    },
+    onCloseMenu: () => {
+      setState(__spreadProps(__spreadValues({}, state), { isKeysOpen: false }));
+    },
+    openMenuOnFocus: true
+  }), /* @__PURE__ */ React.createElement(Select, {
+    value: filter.operator,
+    disabled: model.state.readOnly,
+    options: model._getOperators(),
+    width: "auto",
+    onChange: (v) => model._updateFilter(filter, "operator", v.value)
+  }), /* @__PURE__ */ React.createElement(Select, {
+    disabled: model.state.readOnly,
+    className: state.isKeysOpen ? styles.widthWhenOpen : void 0,
+    width: "auto",
+    value: valueValue,
+    placeholder: "value",
+    options: state.values,
+    onChange: (v) => model._updateFilter(filter, "value", v.value),
+    isOpen: state.isValuesOpen,
+    isLoading: state.isValuesLoading,
+    onOpenMenu: async () => {
+      setState(__spreadProps(__spreadValues({}, state), { isValuesLoading: true }));
+      const values = await model._getValuesFor(filter);
+      setState(__spreadProps(__spreadValues({}, state), { isValuesLoading: false, isValuesOpen: true, values }));
+    },
+    onCloseMenu: () => {
+      setState(__spreadProps(__spreadValues({}, state), { isValuesOpen: false }));
+    }
+  }), /* @__PURE__ */ React.createElement(Button, {
+    variant: "secondary",
+    "aria-label": "Remove filter",
+    title: "Remove filter",
+    className: styles.removeButton,
+    icon: "times",
+    "data-testid": `AdHocFilter-remove-${(_a = filter.key) != null ? _a : ""}`,
+    onClick: () => model._removeFilter(filter)
+  }));
+}
+const getStyles = (theme) => ({
+  wrapper: css({
+    display: "flex",
+    "> *": {
+      "&:not(:first-child)": {
+        marginLeft: -1
+      },
+      "&:first-child": {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0
+      },
+      "&:last-child": {
+        borderTopLeftRadius: 0,
+        borderBottomLeftRadius: 0
+      },
+      "&:not(:first-child):not(:last-child)": {
+        borderRadius: 0
+      },
+      position: "relative",
+      zIndex: 0,
+      "&:hover": {
+        zIndex: 1
+      },
+      "&:focus-within": {
+        zIndex: 2
+      }
+    }
+  }),
+  widthWhenOpen: css({
+    minWidth: theme.spacing(16)
+  }),
+  removeButton: css({
+    paddingLeft: theme.spacing(3 / 2),
+    paddingRight: theme.spacing(3 / 2),
+    borderLeft: "none",
+    position: "relative",
+    left: "1px"
+  })
+});
+
+export { AdHocFilterRenderer };
+//# sourceMappingURL=AdHocFilterRenderer.js.map

package/dist/esm/variables/adhoc/AdHocFilterRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdHocFilterRenderer.js","sources":["../../../../src/variables/adhoc/AdHocFilterRenderer.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { AdHocFilterSet } from './AdHocFiltersSet';\nimport { AdHocVariableFilter, GrafanaTheme2, SelectableValue, toOption } from '@grafana/data';\nimport { Button, Select, useStyles2 } from '@grafana/ui';\nimport { css } from '@emotion/css';\n\ninterface Props {\n  filter: AdHocVariableFilter;\n  model: AdHocFilterSet;\n}\n\nexport function AdHocFilterRenderer({ filter, model }: Props) {\n  const styles = useStyles2(getStyles);\n\n  // there's a bug in react-select where the menu doesn't recalculate its position when the options are loaded asynchronously\n  // see https://github.com/grafana/grafana/issues/63558\n  // instead, we explicitly control the menu visibility and prevent showing it until the options have fully loaded\n\n  const [state, setState] = useState<{\n    keys?: SelectableValue[];\n    values?: SelectableValue[];\n    isKeysLoading?: boolean;\n    isValuesLoading?: boolean;\n    isKeysOpen?: boolean;\n    isValuesOpen?: boolean;\n  }>({});\n\n  const keyValue = filter.key !== '' ? toOption(filter.key) : null;\n  const valueValue = filter.value !== '' ? toOption(filter.value) : null;\n\n  return (\n    <div className={styles.wrapper} data-testid={`AdHocFilter-${filter.key}`}>\n      <Select\n        disabled={model.state.readOnly}\n        className={state.isKeysOpen ? styles.widthWhenOpen : undefined}\n        width=\"auto\"\n        value={keyValue}\n        placeholder={'Select label'}\n        options={state.keys}\n        onChange={(v) => model._updateFilter(filter, 'key', v.value)}\n        autoFocus={filter.key === ''}\n        isOpen={state.isKeysOpen}\n        isLoading={state.isKeysLoading}\n        onOpenMenu={async () => {\n          setState({ ...state, isKeysLoading: true });\n          const keys = await model._getKeys(filter.key);\n          setState({ ...state, isKeysLoading: false, isKeysOpen: true, keys });\n        }}\n        onCloseMenu={() => {\n          setState({ ...state, isKeysOpen: false });\n        }}\n        openMenuOnFocus={true}\n      />\n      <Select\n        value={filter.operator}\n        disabled={model.state.readOnly}\n        options={model._getOperators()}\n        width=\"auto\"\n        onChange={(v) => model._updateFilter(filter, 'operator', v.value)}\n      />\n      <Select\n        disabled={model.state.readOnly}\n        className={state.isKeysOpen ? styles.widthWhenOpen : undefined}\n        width=\"auto\"\n        value={valueValue}\n        placeholder={'value'}\n        options={state.values}\n        onChange={(v) => model._updateFilter(filter, 'value', v.value)}\n        isOpen={state.isValuesOpen}\n        isLoading={state.isValuesLoading}\n        onOpenMenu={async () => {\n          setState({ ...state, isValuesLoading: true });\n          const values = await model._getValuesFor(filter);\n          setState({ ...state, isValuesLoading: false, isValuesOpen: true, values });\n        }}\n        onCloseMenu={() => {\n          setState({ ...state, isValuesOpen: false });\n        }}\n      />\n      <Button\n        variant=\"secondary\"\n        aria-label=\"Remove filter\"\n        title=\"Remove filter\"\n        className={styles.removeButton}\n        icon=\"times\"\n        data-testid={`AdHocFilter-remove-${filter.key ?? ''}`}\n        onClick={() => model._removeFilter(filter)}\n      />\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  wrapper: css({\n    display: 'flex',\n    '> *': {\n      '&:not(:first-child)': {\n        // Negative margin hides the double-border on adjacent selects\n        marginLeft: -1,\n      },\n\n      '&:first-child': {\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n      },\n\n      '&:last-child': {\n        borderTopLeftRadius: 0,\n        borderBottomLeftRadius: 0,\n      },\n\n      '&:not(:first-child):not(:last-child)': {\n        borderRadius: 0,\n      },\n\n      // Fix focus state zIndex issues\n      position: 'relative',\n      zIndex: 0,\n\n      // Adjacent borders are overlapping, so raise children up when hovering etc\n      // so all that child's borders are visible.\n      '&:hover': {\n        zIndex: 1,\n      },\n\n      '&:focus-within': {\n        zIndex: 2,\n      },\n    },\n  }),\n  widthWhenOpen: css({\n    minWidth: theme.spacing(16),\n  }),\n  removeButton: css({\n    paddingLeft: theme.spacing(3 / 2),\n    paddingRight: theme.spacing(3 / 2),\n    borderLeft: 'none',\n    // To not have button background and last select border intersect\n    position: 'relative',\n    left: '1px',\n  }),\n});\n"],"names":[],"mappings":"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"}

package/dist/esm/variables/adhoc/AdHocFiltersSet.js

@@ -0,0 +1,197 @@
+import { SceneObjectBase } from '../../core/SceneObjectBase.js';
+import { patchGetAdhocFilters } from './patchGetAdhocFilters.js';
+import { getDataSourceSrv } from '@grafana/runtime';
+import { SceneQueryRunner } from '../../querying/SceneQueryRunner.js';
+import { AdHocFiltersVariableUrlSyncHandler } from './AdHocFiltersVariableUrlSyncHandler.js';
+import { useStyles2 } from '@grafana/ui';
+import React from 'react';
+import { ControlsLabel } from '../../utils/ControlsLabel.js';
+import { AdHocFilterRenderer } from './AdHocFilterRenderer.js';
+import { AdHocFilterBuilder } from './AdHocFilterBuilder.js';
+import { css } from '@emotion/css';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+class AdHocFilterSet extends SceneObjectBase {
+  constructor(initialState) {
+    super(__spreadValues({
+      name: "Filters",
+      filters: [],
+      baseFilters: [],
+      datasource: null,
+      applyMode: "same-datasource"
+    }, initialState));
+    this._urlSync = new AdHocFiltersVariableUrlSyncHandler(this);
+    this._scopedVars = { __sceneObject: { value: this } };
+    this._dataSourceSrv = getDataSourceSrv();
+    if (this.state.applyMode === "same-datasource") {
+      patchGetAdhocFilters(this);
+    }
+  }
+  _updateFilter(filter, prop, value) {
+    if (value == null) {
+      return;
+    }
+    const { filters, _wip } = this.state;
+    if (filter === _wip) {
+      if (prop === "value") {
+        this.setState({ filters: [...filters, __spreadProps(__spreadValues({}, _wip), { [prop]: value })], _wip: void 0 });
+        this._runSceneQueries();
+      } else {
+        this.setState({ _wip: __spreadProps(__spreadValues({}, filter), { [prop]: value }) });
+      }
+      return;
+    }
+    const updatedFilters = this.state.filters.map((f) => {
+      if (f === filter) {
+        return __spreadProps(__spreadValues({}, f), { [prop]: value });
+      }
+      return f;
+    });
+    this.updateFilters(updatedFilters);
+  }
+  _removeFilter(filter) {
+    if (filter === this.state._wip) {
+      this.setState({ _wip: void 0 });
+      return;
+    }
+    this.updateFilters(this.state.filters.filter((f) => f !== filter));
+  }
+  updateFilters(filters) {
+    this.setState({ filters });
+    this._runSceneQueries();
+  }
+  async _getKeys(currentKey) {
+    var _a, _b;
+    const override = await ((_b = (_a = this.state).getTagKeysProvider) == null ? void 0 : _b.call(_a, this, currentKey));
+    if (override && override.replace) {
+      return override.values.map(toSelectableValue);
+    }
+    const ds = await this._dataSourceSrv.get(this.state.datasource, this._scopedVars);
+    if (!ds || !ds.getTagKeys) {
+      return [];
+    }
+    const otherFilters = this.state.filters.filter((f) => f.key !== currentKey).concat(this.state.baseFilters);
+    let keys = await ds.getTagKeys({ filters: otherFilters });
+    if (override) {
+      keys = keys.concat(override.values);
+    }
+    return keys.map(toSelectableValue);
+  }
+  async _getValuesFor(filter) {
+    var _a, _b;
+    const override = await ((_b = (_a = this.state).getTagValuesProvider) == null ? void 0 : _b.call(_a, this, filter));
+    if (override && override.replace) {
+      return override.values.map(toSelectableValue);
+    }
+    const ds = await this._dataSourceSrv.get(this.state.datasource, this._scopedVars);
+    if (!ds || !ds.getTagValues) {
+      return [];
+    }
+    const otherFilters = this.state.filters.filter((f) => f.key !== filter.key).concat(this.state.baseFilters);
+    let values = await ds.getTagValues({ key: filter.key, filters: otherFilters });
+    if (override) {
+      values = values.concat(override.values);
+    }
+    return values.map(toSelectableValue);
+  }
+  _addWip() {
+    this.setState({ _wip: { key: "", value: "", operator: "=", condition: "" } });
+  }
+  _getOperators() {
+    return ["=", "!=", "<", ">", "=~", "!~"].map((value) => ({
+      label: value,
+      value
+    }));
+  }
+  _runSceneQueries() {
+    if (this.state.applyMode === "manual") {
+      return;
+    }
+    const startingPoint = this.parent;
+    if (!startingPoint) {
+      console.error("AdHocFiltersVariable could not find a parent scene to broadcast changes to");
+      return;
+    }
+    const ourDS = this._dataSourceSrv.getInstanceSettings(this.state.datasource, this._scopedVars);
+    if (!ourDS) {
+      console.error("AdHocFiltersVariable ds not found", this.state.datasource);
+      return;
+    }
+    const triggerQueriesRecursive = (startingPoint2) => {
+      if (startingPoint2 instanceof SceneQueryRunner && this._isSameDS(ourDS, startingPoint2.state.datasource)) {
+        startingPoint2.runQueries();
+      } else {
+        startingPoint2.forEachChild(triggerQueriesRecursive);
+      }
+    };
+    triggerQueriesRecursive(startingPoint);
+  }
+  _isSameDS(ourDS, queryRunnerDS) {
+    var _a;
+    if (this.state.datasource === queryRunnerDS) {
+      return true;
+    }
+    if (((_a = this.state.datasource) == null ? void 0 : _a.uid) === (queryRunnerDS == null ? void 0 : queryRunnerDS.uid)) {
+      return true;
+    }
+    const resolved = this._dataSourceSrv.getInstanceSettings(queryRunnerDS, this._scopedVars);
+    return (ourDS == null ? void 0 : ourDS.uid) === (resolved == null ? void 0 : resolved.uid);
+  }
+}
+AdHocFilterSet.Component = AdHocFiltersSetRenderer;
+function AdHocFiltersSetRenderer({ model }) {
+  const { filters, readOnly } = model.useState();
+  const styles = useStyles2(getStyles);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: styles.wrapper
+  }, /* @__PURE__ */ React.createElement(ControlsLabel, {
+    label: "Filters",
+    icon: "filter"
+  }), filters.map((filter, index) => /* @__PURE__ */ React.createElement(React.Fragment, {
+    key: index
+  }, /* @__PURE__ */ React.createElement(AdHocFilterRenderer, {
+    filter,
+    model
+  }))), !readOnly && /* @__PURE__ */ React.createElement(AdHocFilterBuilder, {
+    model,
+    key: "'builder"
+  }));
+}
+const getStyles = (theme) => ({
+  wrapper: css({
+    display: "flex",
+    gap: theme.spacing(1),
+    alignItems: "center"
+  }),
+  filterIcon: css({
+    color: theme.colors.text.secondary,
+    paddingRight: theme.spacing(0.5)
+  })
+});
+function toSelectableValue({ text, value }) {
+  return {
+    label: text,
+    value: String(value != null ? value : text)
+  };
+}
+
+export { AdHocFilterSet, AdHocFiltersSetRenderer };
+//# sourceMappingURL=AdHocFiltersSet.js.map

package/dist/esm/variables/adhoc/AdHocFiltersSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdHocFiltersSet.js","sources":["../../../../src/variables/adhoc/AdHocFiltersSet.tsx"],"sourcesContent":["import { SceneObjectBase } from '../../core/SceneObjectBase';\nimport {\n  AdHocVariableFilter,\n  DataSourceInstanceSettings,\n  GrafanaTheme2,\n  MetricFindValue,\n  SelectableValue,\n} from '@grafana/data';\nimport { patchGetAdhocFilters } from './patchGetAdhocFilters';\nimport { DataSourceRef } from '@grafana/schema';\nimport { getDataSourceSrv } from '@grafana/runtime';\nimport { SceneQueryRunner } from '../../querying/SceneQueryRunner';\nimport { SceneComponentProps, SceneObject, SceneObjectState, SceneObjectUrlSyncHandler } from '../../core/types';\nimport { AdHocFiltersVariableUrlSyncHandler } from './AdHocFiltersVariableUrlSyncHandler';\nimport { useStyles2 } from '@grafana/ui';\nimport React from 'react';\nimport { ControlsLabel } from '../../utils/ControlsLabel';\nimport { AdHocFilterRenderer } from './AdHocFilterRenderer';\nimport { AdHocFilterBuilder } from './AdHocFilterBuilder';\nimport { css } from '@emotion/css';\n\nexport interface AdHocFilterSetState extends SceneObjectState {\n  /** Defaults to Filters */\n  name?: string;\n  /** The visible filters */\n  filters: AdHocVariableFilter[];\n  /** Base filters to always apply when looking up keys*/\n  baseFilters?: AdHocVariableFilter[];\n  /** Datasource to use for getTagKeys and getTagValues and also controls which scene queries the filters should apply to */\n  datasource: DataSourceRef | null;\n  /** Controls if the filters can be changed */\n  readOnly?: boolean;\n  /**\n   * Defaults to same-datasource which means filters will automatically be applied to all queries with the same data source as this AdHocFilterSet.\n   * In manual mode no queries are re-run on changes, and you have to manually apply the filter to whatever queries you want.\n   */\n  applyMode?: 'same-datasource' | 'manual';\n  /**\n   * Extension hook for customizing the key lookup.\n   * Return replace: true if you want to override the default lookup\n   * Return replace: false if you want to combine the results with the default lookup\n   */\n  getTagKeysProvider?: getTagKeysProvider;\n  /**\n   * Extension hook for customizing the value lookup.\n   * Return replace: true if you want to override the default lookup.\n   * Return replace: false if you want to combine the results with the default lookup\n   */\n  getTagValuesProvider?: getTagValuesProvider;\n\n  /**\n   * @internal state of the new filter being added\n   */\n  _wip?: AdHocVariableFilter;\n}\n\nexport type getTagKeysProvider = (\n  set: AdHocFilterSet,\n  currentKey: string | null\n) => Promise<{ replace?: boolean; values: MetricFindValue[] }>;\n\nexport type getTagValuesProvider = (\n  set: AdHocFilterSet,\n  filter: AdHocVariableFilter\n) => Promise<{ replace?: boolean; values: MetricFindValue[] }>;\n\nexport class AdHocFilterSet extends SceneObjectBase<AdHocFilterSetState> {\n  static Component = AdHocFiltersSetRenderer;\n\n  protected _urlSync: SceneObjectUrlSyncHandler = new AdHocFiltersVariableUrlSyncHandler(this);\n\n  private _scopedVars = { __sceneObject: { value: this } };\n  private _dataSourceSrv = getDataSourceSrv();\n\n  public constructor(initialState: Partial<AdHocFilterSetState>) {\n    super({\n      name: 'Filters',\n      filters: [],\n      baseFilters: [],\n      datasource: null,\n      applyMode: 'same-datasource',\n      ...initialState,\n    });\n\n    if (this.state.applyMode === 'same-datasource') {\n      patchGetAdhocFilters(this);\n    }\n  }\n\n  public _updateFilter(filter: AdHocVariableFilter, prop: keyof AdHocVariableFilter, value: string | undefined | null) {\n    if (value == null) {\n      return;\n    }\n\n    const { filters, _wip } = this.state;\n\n    if (filter === _wip) {\n      // If we set value we are done with this \"work in progress\" filter and we can add it\n      if (prop === 'value') {\n        this.setState({ filters: [...filters, { ..._wip, [prop]: value }], _wip: undefined });\n        this._runSceneQueries();\n      } else {\n        this.setState({ _wip: { ...filter, [prop]: value } });\n      }\n      return;\n    }\n\n    const updatedFilters = this.state.filters.map((f) => {\n      if (f === filter) {\n        return { ...f, [prop]: value };\n      }\n      return f;\n    });\n\n    this.updateFilters(updatedFilters);\n  }\n\n  public _removeFilter(filter: AdHocVariableFilter) {\n    if (filter === this.state._wip) {\n      this.setState({ _wip: undefined });\n      return;\n    }\n\n    this.updateFilters(this.state.filters.filter((f) => f !== filter));\n  }\n\n  public updateFilters(filters: AdHocVariableFilter[]) {\n    this.setState({ filters });\n    this._runSceneQueries();\n  }\n\n  /**\n   * Get possible keys given current filters. Do not call from plugins directly\n   */\n  public async _getKeys(currentKey: string | null): Promise<Array<SelectableValue<string>>> {\n    const override = await this.state.getTagKeysProvider?.(this, currentKey);\n\n    if (override && override.replace) {\n      return override.values.map(toSelectableValue);\n    }\n\n    const ds = await this._dataSourceSrv.get(this.state.datasource, this._scopedVars);\n    if (!ds || !ds.getTagKeys) {\n      return [];\n    }\n\n    const otherFilters = this.state.filters.filter((f) => f.key !== currentKey).concat(this.state.baseFilters!);\n    let keys = await ds.getTagKeys({ filters: otherFilters });\n\n    if (override) {\n      keys = keys.concat(override.values);\n    }\n\n    return keys.map(toSelectableValue);\n  }\n\n  /**\n   * Get possible key values for a specific key given current filters. Do not call from plugins directly\n   */\n  public async _getValuesFor(filter: AdHocVariableFilter): Promise<Array<SelectableValue<string>>> {\n    const override = await this.state.getTagValuesProvider?.(this, filter);\n\n    if (override && override.replace) {\n      return override.values.map(toSelectableValue);\n    }\n\n    const ds = await this._dataSourceSrv.get(this.state.datasource, this._scopedVars);\n\n    if (!ds || !ds.getTagValues) {\n      return [];\n    }\n\n    // Filter out the current filter key from the list of all filters\n    const otherFilters = this.state.filters.filter((f) => f.key !== filter.key).concat(this.state.baseFilters!);\n    let values = await ds.getTagValues({ key: filter.key, filters: otherFilters });\n\n    if (override) {\n      values = values.concat(override.values);\n    }\n\n    return values.map(toSelectableValue);\n  }\n\n  public _addWip() {\n    this.setState({ _wip: { key: '', value: '', operator: '=', condition: '' } });\n  }\n\n  public _getOperators() {\n    return ['=', '!=', '<', '>', '=~', '!~'].map<SelectableValue<string>>((value) => ({\n      label: value,\n      value,\n    }));\n  }\n\n  private _runSceneQueries() {\n    // In manual mode we do not trigger any queries\n    if (this.state.applyMode === 'manual') {\n      return;\n    }\n\n    const startingPoint = this.parent;\n    if (!startingPoint) {\n      console.error('AdHocFiltersVariable could not find a parent scene to broadcast changes to');\n      return;\n    }\n\n    const ourDS = this._dataSourceSrv.getInstanceSettings(this.state.datasource, this._scopedVars);\n    if (!ourDS) {\n      console.error('AdHocFiltersVariable ds not found', this.state.datasource);\n      return;\n    }\n\n    const triggerQueriesRecursive = (startingPoint: SceneObject) => {\n      if (startingPoint instanceof SceneQueryRunner && this._isSameDS(ourDS, startingPoint.state.datasource)) {\n        startingPoint.runQueries();\n      } else {\n        startingPoint.forEachChild(triggerQueriesRecursive);\n      }\n    };\n\n    triggerQueriesRecursive(startingPoint);\n  }\n\n  private _isSameDS(ourDS: DataSourceInstanceSettings, queryRunnerDS: DataSourceRef | null | undefined) {\n    // This function does some initial checks to try to avoid haing to call _dataSourceSrv.getInstanceSettings\n    // Which is only needed when queryRunner is using data source variable but the adhoc filter is not\n\n    if (this.state.datasource === queryRunnerDS) {\n      return true;\n    }\n\n    // This works when both are using a variable as well\n    if (this.state.datasource?.uid === queryRunnerDS?.uid) {\n      return true;\n    }\n\n    // Finally the fool proof check that works when either we or the query runner is using a variable ds\n    const resolved = this._dataSourceSrv.getInstanceSettings(queryRunnerDS, this._scopedVars);\n    return ourDS?.uid === resolved?.uid;\n  }\n}\n\nexport function AdHocFiltersSetRenderer({ model }: SceneComponentProps<AdHocFilterSet>) {\n  const { filters, readOnly } = model.useState();\n  const styles = useStyles2(getStyles);\n\n  return (\n    <div className={styles.wrapper}>\n      <ControlsLabel label=\"Filters\" icon=\"filter\" />\n\n      {filters.map((filter, index) => (\n        <React.Fragment key={index}>\n          <AdHocFilterRenderer filter={filter} model={model} />\n        </React.Fragment>\n      ))}\n\n      {!readOnly && <AdHocFilterBuilder model={model} key=\"'builder\" />}\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  wrapper: css({\n    display: 'flex',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n  }),\n  filterIcon: css({\n    color: theme.colors.text.secondary,\n    paddingRight: theme.spacing(0.5),\n  }),\n});\n\nfunction toSelectableValue({ text, value }: MetricFindValue): SelectableValue<string> {\n  return {\n    label: text,\n    value: String(value ?? text),\n  };\n}\n"],"names":["startingPoint"],"mappings":"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"}

package/dist/esm/variables/adhoc/AdHocFiltersVariable.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import { SceneObjectBase } from '../../core/SceneObjectBase.js';
+import { SceneVariableValueChangedEvent } from '../types.js';
+import { AdHocFilterSet } from './AdHocFiltersSet.js';
+import { VariableHide } from '@grafana/schema';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const _AdHocFiltersVariable = class extends SceneObjectBase {
+  static create(state) {
+    var _a;
+    return new _AdHocFiltersVariable({
+      type: "adhoc",
+      hide: VariableHide.hideLabel,
+      name: (_a = state.name) != null ? _a : "Filters",
+      set: new AdHocFilterSet(__spreadProps(__spreadValues({}, state), {
+        applyMode: "manual"
+      }))
+    });
+  }
+  constructor(state) {
+    super(state);
+    this.addActivationHandler(() => {
+      this._subs.add(
+        this.state.set.subscribeToState((newState, prevState) => {
+          if (newState.filters !== prevState.filters) {
+            this._filtersChanged(newState.filters);
+          }
+        })
+      );
+      this._filtersChanged(this.state.set.state.filters);
+    });
+  }
+  getValue() {
+    return this.state.filterExpression;
+  }
+  _filtersChanged(filters) {
+    let expr = "";
+    for (const filter of filters) {
+      expr += `${this._renderFilter(filter)},`;
+    }
+    this.setState({ filterExpression: expr });
+    this.publishEvent(new SceneVariableValueChangedEvent(this), true);
+  }
+  _renderFilter(filter) {
+    let value = "";
+    if (filter.operator === "=~" || filter.operator === "!~\xA8") {
+      value = escapeLabelValueInRegexSelector(filter.value);
+    } else {
+      value = escapeLabelValueInExactSelector(filter.value);
+    }
+    return `${filter.key}${filter.operator}"${value}"`;
+  }
+};
+let AdHocFiltersVariable = _AdHocFiltersVariable;
+AdHocFiltersVariable.Component = ({ model }) => {
+  return /* @__PURE__ */ React.createElement(AdHocFilterSet.Component, {
+    model: model.state.set
+  });
+};
+function escapeLabelValueInExactSelector(labelValue) {
+  return labelValue.replace(/\\/g, "\\\\").replace(/\n/g, "\\n").replace(/"/g, '\\"');
+}
+function escapeLabelValueInRegexSelector(labelValue) {
+  return escapeLabelValueInExactSelector(escapeLokiRegexp(labelValue));
+}
+const RE2_METACHARACTERS = /[*+?()|\\.\[\]{}^$]/g;
+function escapeLokiRegexp(value) {
+  return value.replace(RE2_METACHARACTERS, "\\$&");
+}
+
+export { AdHocFiltersVariable, escapeLabelValueInExactSelector, escapeLabelValueInRegexSelector };
+//# sourceMappingURL=AdHocFiltersVariable.js.map

package/dist/esm/variables/adhoc/AdHocFiltersVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdHocFiltersVariable.js","sources":["../../../../src/variables/adhoc/AdHocFiltersVariable.tsx"],"sourcesContent":["import React from 'react';\nimport { AdHocVariableFilter } from '@grafana/data';\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { SceneVariable, SceneVariableState, SceneVariableValueChangedEvent } from '../types';\nimport { AdHocFilterSet, AdHocFilterSetState } from './AdHocFiltersSet';\nimport { SceneComponentProps } from '../../core/types';\nimport { VariableHide } from '@grafana/schema';\n\nexport interface AdHocFiltersVariableState extends SceneVariableState {\n  /**\n   * Important that you set applyFiltersTo: 'manual' when you create the set.\n   */\n  set: AdHocFilterSet;\n  /**\n   * This is the expression that the filters resulted in. Defaults to\n   * Prometheus / Loki compatible label fitler expression\n   */\n  filterExpression?: string;\n}\n\nexport type AdHocFiltersVariableCreateHelperArgs = Pick<\n  AdHocFilterSetState,\n  'name' | 'filters' | 'baseFilters' | 'datasource' | 'getTagKeysProvider' | 'getTagValuesProvider'\n>;\n\nexport class AdHocFiltersVariable\n  extends SceneObjectBase<AdHocFiltersVariableState>\n  implements SceneVariable<AdHocFiltersVariableState>\n{\n  /** Helper factory function that makes sure AdHocFilterSet is created correctly  */\n  public static create(state: AdHocFiltersVariableCreateHelperArgs): AdHocFiltersVariable {\n    return new AdHocFiltersVariable({\n      type: 'adhoc',\n      hide: VariableHide.hideLabel,\n      name: state.name ?? 'Filters',\n      set: new AdHocFilterSet({\n        ...state,\n        // Main reason for this helper factory functyion\n        applyMode: 'manual',\n      }),\n    });\n  }\n\n  public constructor(state: AdHocFiltersVariableState) {\n    super(state);\n\n    // Subscribe to filter changes and up the variable value (filterExpression)\n    this.addActivationHandler(() => {\n      this._subs.add(\n        this.state.set.subscribeToState((newState, prevState) => {\n          if (newState.filters !== prevState.filters) {\n            this._filtersChanged(newState.filters);\n          }\n        })\n      );\n      this._filtersChanged(this.state.set.state.filters);\n    });\n  }\n\n  public getValue() {\n    return this.state.filterExpression;\n  }\n\n  private _filtersChanged(filters: AdHocVariableFilter[]) {\n    let expr = '';\n\n    for (const filter of filters) {\n      expr += `${this._renderFilter(filter)},`;\n    }\n\n    this.setState({ filterExpression: expr });\n    this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n  }\n\n  private _renderFilter(filter: AdHocVariableFilter) {\n    let value = '';\n\n    if (filter.operator === '=~' || filter.operator === '!~¨') {\n      value = escapeLabelValueInRegexSelector(filter.value);\n    } else {\n      value = escapeLabelValueInExactSelector(filter.value);\n    }\n\n    return `${filter.key}${filter.operator}\"${value}\"`;\n  }\n\n  // Same UI as the standalone AdHocFilterSet\n  public static Component = ({ model }: SceneComponentProps<AdHocFiltersVariable>) => {\n    return <AdHocFilterSet.Component model={model.state.set} />;\n  };\n}\n\n// based on the openmetrics-documentation, the 3 symbols we have to handle are:\n// - \\n ... the newline character\n// - \\  ... the backslash character\n// - \"  ... the double-quote character\nexport function escapeLabelValueInExactSelector(labelValue: string): string {\n  return labelValue.replace(/\\\\/g, '\\\\\\\\').replace(/\\n/g, '\\\\n').replace(/\"/g, '\\\\\"');\n}\n\nexport function escapeLabelValueInRegexSelector(labelValue: string): string {\n  return escapeLabelValueInExactSelector(escapeLokiRegexp(labelValue));\n}\n\nexport function isRegexSelector(selector?: string) {\n  if (selector && (selector.includes('=~') || selector.includes('!~'))) {\n    return true;\n  }\n  return false;\n}\n\n// Loki regular-expressions use the RE2 syntax (https://github.com/google/re2/wiki/Syntax),\n// so every character that matches something in that list has to be escaped.\n// the list of meta characters is: *+?()|\\.[]{}^$\n// we make a javascript regular expression that matches those characters:\nconst RE2_METACHARACTERS = /[*+?()|\\\\.\\[\\]{}^$]/g;\nfunction escapeLokiRegexp(value: string): string {\n  return value.replace(RE2_METACHARACTERS, '\\\\$&');\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/variables/adhoc/AdHocFiltersVariableUrlSyncHandler.js

@@ -0,0 +1,65 @@
+class AdHocFiltersVariableUrlSyncHandler {
+  constructor(_variable) {
+    this._variable = _variable;
+  }
+  getKey() {
+    return `var-${this._variable.state.name}`;
+  }
+  getKeys() {
+    return [this.getKey()];
+  }
+  getUrlState() {
+    let filters = this._variable.state.filters;
+    const value = filters.map((filter) => toArray(filter).map(escapeDelimiter).join("|"));
+    return { [this.getKey()]: value };
+  }
+  updateFromUrl(values) {
+    const urlValue = values[this.getKey()];
+    if (urlValue == null) {
+      return;
+    }
+    const filters = deserializeUrlToFilters(urlValue);
+    this._variable.updateFilters(filters);
+  }
+}
+function deserializeUrlToFilters(value) {
+  if (Array.isArray(value)) {
+    const values = value;
+    return values.map(toFilter).filter(isFilter);
+  }
+  const filter = toFilter(value);
+  return filter === null ? [] : [filter];
+}
+function escapeDelimiter(value) {
+  if (value === null || value === void 0) {
+    return "";
+  }
+  return /\|/g[Symbol.replace](value, "__gfp__");
+}
+function unescapeDelimiter(value) {
+  if (value === null || value === void 0) {
+    return "";
+  }
+  return /__gfp__/g[Symbol.replace](value, "|");
+}
+function toArray(filter) {
+  return [filter.key, filter.operator, filter.value];
+}
+function toFilter(value) {
+  if (typeof value !== "string" || value.length === 0) {
+    return null;
+  }
+  const parts = value.split("|").map(unescapeDelimiter);
+  return {
+    key: parts[0],
+    operator: parts[1],
+    value: parts[2],
+    condition: ""
+  };
+}
+function isFilter(filter) {
+  return filter !== null && typeof filter.key === "string" && typeof filter.value === "string";
+}
+
+export { AdHocFiltersVariableUrlSyncHandler };
+//# sourceMappingURL=AdHocFiltersVariableUrlSyncHandler.js.map

package/dist/esm/variables/adhoc/AdHocFiltersVariableUrlSyncHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdHocFiltersVariableUrlSyncHandler.js","sources":["../../../../src/variables/adhoc/AdHocFiltersVariableUrlSyncHandler.ts"],"sourcesContent":["import { AdHocVariableFilter } from '@grafana/data';\nimport { SceneObjectUrlSyncHandler, SceneObjectUrlValue, SceneObjectUrlValues } from '../../core/types';\nimport { AdHocFilterSet } from './AdHocFiltersSet';\n\nexport class AdHocFiltersVariableUrlSyncHandler implements SceneObjectUrlSyncHandler {\n  public constructor(private _variable: AdHocFilterSet) {}\n\n  private getKey(): string {\n    return `var-${this._variable.state.name}`;\n  }\n\n  public getKeys(): string[] {\n    return [this.getKey()];\n  }\n\n  public getUrlState(): SceneObjectUrlValues {\n    let filters = this._variable.state.filters;\n    const value = filters.map((filter) => toArray(filter).map(escapeDelimiter).join('|'));\n    return { [this.getKey()]: value };\n  }\n\n  public updateFromUrl(values: SceneObjectUrlValues): void {\n    const urlValue = values[this.getKey()];\n\n    if (urlValue == null) {\n      return;\n    }\n\n    const filters = deserializeUrlToFilters(urlValue);\n    this._variable.updateFilters(filters);\n  }\n}\n\nfunction deserializeUrlToFilters(value: SceneObjectUrlValue): AdHocVariableFilter[] {\n  if (Array.isArray(value)) {\n    const values = value;\n    return values.map(toFilter).filter(isFilter);\n  }\n\n  const filter = toFilter(value);\n  return filter === null ? [] : [filter];\n}\n\nfunction escapeDelimiter(value: string | undefined): string {\n  if (value === null || value === undefined) {\n    return '';\n  }\n\n  return /\\|/g[Symbol.replace](value, '__gfp__');\n}\n\nfunction unescapeDelimiter(value: string | undefined): string {\n  if (value === null || value === undefined) {\n    return '';\n  }\n\n  return /__gfp__/g[Symbol.replace](value, '|');\n}\n\nfunction toArray(filter: AdHocVariableFilter): string[] {\n  return [filter.key, filter.operator, filter.value];\n}\n\nfunction toFilter(value: string | number | boolean | undefined | null): AdHocVariableFilter | null {\n  if (typeof value !== 'string' || value.length === 0) {\n    return null;\n  }\n\n  const parts = value.split('|').map(unescapeDelimiter);\n\n  return {\n    key: parts[0],\n    operator: parts[1],\n    value: parts[2],\n    condition: '',\n  };\n}\n\nfunction isFilter(filter: AdHocVariableFilter | null): filter is AdHocVariableFilter {\n  return filter !== null && typeof filter.key === 'string' && typeof filter.value === 'string';\n}\n"],"names":[],"mappings":"AAIO,MAAM,kCAAwE,CAAA;AAAA,EAC5E,YAAoB,SAA2B,EAAA;AAA3B,IAAA,IAAA,CAAA,SAAA,GAAA,SAAA,CAAA;AAAA,GAA4B;AAAA,EAE/C,MAAiB,GAAA;AACvB,IAAO,OAAA,CAAA,IAAA,EAAO,IAAK,CAAA,SAAA,CAAU,KAAM,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,GACrC;AAAA,EAEO,OAAoB,GAAA;AACzB,IAAO,OAAA,CAAC,IAAK,CAAA,MAAA,EAAQ,CAAA,CAAA;AAAA,GACvB;AAAA,EAEO,WAAoC,GAAA;AACzC,IAAI,IAAA,OAAA,GAAU,IAAK,CAAA,SAAA,CAAU,KAAM,CAAA,OAAA,CAAA;AACnC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,MAAW,KAAA,OAAA,CAAQ,MAAM,CAAA,CAAE,GAAI,CAAA,eAAe,CAAE,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AACpF,IAAA,OAAO,EAAE,CAAC,IAAK,CAAA,MAAA,KAAW,KAAM,EAAA,CAAA;AAAA,GAClC;AAAA,EAEO,cAAc,MAAoC,EAAA;AACvD,IAAM,MAAA,QAAA,GAAW,MAAO,CAAA,IAAA,CAAK,MAAO,EAAA,CAAA,CAAA;AAEpC,IAAA,IAAI,YAAY,IAAM,EAAA;AACpB,MAAA,OAAA;AAAA,KACF;AAEA,IAAM,MAAA,OAAA,GAAU,wBAAwB,QAAQ,CAAA,CAAA;AAChD,IAAK,IAAA,CAAA,SAAA,CAAU,cAAc,OAAO,CAAA,CAAA;AAAA,GACtC;AACF,CAAA;AAEA,SAAS,wBAAwB,KAAmD,EAAA;AAClF,EAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AACxB,IAAA,MAAM,MAAS,GAAA,KAAA,CAAA;AACf,IAAA,OAAO,MAAO,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAE,OAAO,QAAQ,CAAA,CAAA;AAAA,GAC7C;AAEA,EAAM,MAAA,MAAA,GAAS,SAAS,KAAK,CAAA,CAAA;AAC7B,EAAA,OAAO,MAAW,KAAA,IAAA,GAAO,EAAC,GAAI,CAAC,MAAM,CAAA,CAAA;AACvC,CAAA;AAEA,SAAS,gBAAgB,KAAmC,EAAA;AAC1D,EAAI,IAAA,KAAA,KAAU,IAAQ,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACzC,IAAO,OAAA,EAAA,CAAA;AAAA,GACT;AAEA,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,OAAS,CAAA,CAAA,KAAA,EAAO,SAAS,CAAA,CAAA;AAC/C,CAAA;AAEA,SAAS,kBAAkB,KAAmC,EAAA;AAC5D,EAAI,IAAA,KAAA,KAAU,IAAQ,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACzC,IAAO,OAAA,EAAA,CAAA;AAAA,GACT;AAEA,EAAA,OAAO,UAAW,CAAA,MAAA,CAAO,OAAS,CAAA,CAAA,KAAA,EAAO,GAAG,CAAA,CAAA;AAC9C,CAAA;AAEA,SAAS,QAAQ,MAAuC,EAAA;AACtD,EAAA,OAAO,CAAC,MAAO,CAAA,GAAA,EAAK,MAAO,CAAA,QAAA,EAAU,OAAO,KAAK,CAAA,CAAA;AACnD,CAAA;AAEA,SAAS,SAAS,KAAiF,EAAA;AACjG,EAAA,IAAI,OAAO,KAAA,KAAU,QAAY,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACnD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,QAAQ,KAAM,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,IAAI,iBAAiB,CAAA,CAAA;AAEpD,EAAO,OAAA;AAAA,IACL,KAAK,KAAM,CAAA,CAAA,CAAA;AAAA,IACX,UAAU,KAAM,CAAA,CAAA,CAAA;AAAA,IAChB,OAAO,KAAM,CAAA,CAAA,CAAA;AAAA,IACb,SAAW,EAAA,EAAA;AAAA,GACb,CAAA;AACF,CAAA;AAEA,SAAS,SAAS,MAAmE,EAAA;AACnF,EAAO,OAAA,MAAA,KAAW,QAAQ,OAAO,MAAA,CAAO,QAAQ,QAAY,IAAA,OAAO,OAAO,KAAU,KAAA,QAAA,CAAA;AACtF;;;;"}

package/dist/esm/variables/adhoc/patchGetAdhocFilters.js

@@ -0,0 +1,38 @@
+import { getTemplateSrv, getDataSourceSrv } from '@grafana/runtime';
+
+let originalGetAdhocFilters = void 0;
+let allActiveFilterSets = /* @__PURE__ */ new Set();
+function patchGetAdhocFilters(filterSet) {
+  filterSet.addActivationHandler(() => {
+    allActiveFilterSets.add(filterSet);
+    return () => allActiveFilterSets.delete(filterSet);
+  });
+  if (originalGetAdhocFilters) {
+    return;
+  }
+  const templateSrv = getTemplateSrv();
+  if (!(templateSrv == null ? void 0 : templateSrv.getAdhocFilters)) {
+    console.log("Failed to patch getAdhocFilters");
+    return;
+  }
+  originalGetAdhocFilters = templateSrv.getAdhocFilters;
+  templateSrv.getAdhocFilters = function getAdhocFiltersScenePatch(dsName) {
+    var _a;
+    if (allActiveFilterSets.size === 0) {
+      return originalGetAdhocFilters.call(templateSrv);
+    }
+    const ds = getDataSourceSrv().getInstanceSettings(dsName);
+    if (!ds) {
+      return [];
+    }
+    for (const filter of allActiveFilterSets.values()) {
+      if (((_a = filter.state.datasource) == null ? void 0 : _a.uid) === ds.uid) {
+        return filter.state.filters;
+      }
+    }
+    return [];
+  }.bind(templateSrv);
+}
+
+export { patchGetAdhocFilters };
+//# sourceMappingURL=patchGetAdhocFilters.js.map

package/dist/esm/variables/adhoc/patchGetAdhocFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patchGetAdhocFilters.js","sources":["../../../../src/variables/adhoc/patchGetAdhocFilters.ts"],"sourcesContent":["import { getDataSourceSrv, getTemplateSrv } from '@grafana/runtime';\nimport { AdHocFilterSet } from './AdHocFiltersSet';\nimport { AdHocVariableFilter } from '@grafana/data';\n\nlet originalGetAdhocFilters: any = undefined;\nlet allActiveFilterSets = new Set<AdHocFilterSet>();\n\nexport function patchGetAdhocFilters(filterSet: AdHocFilterSet) {\n  filterSet.addActivationHandler(() => {\n    allActiveFilterSets.add(filterSet);\n    return () => allActiveFilterSets.delete(filterSet);\n  });\n\n  if (originalGetAdhocFilters) {\n    return;\n  }\n\n  const templateSrv: any = getTemplateSrv();\n  if (!templateSrv?.getAdhocFilters) {\n    console.log('Failed to patch getAdhocFilters');\n    return;\n  }\n\n  originalGetAdhocFilters = templateSrv.getAdhocFilters;\n\n  templateSrv.getAdhocFilters = function getAdhocFiltersScenePatch(dsName: string): AdHocVariableFilter[] {\n    if (allActiveFilterSets.size === 0) {\n      return originalGetAdhocFilters.call(templateSrv);\n    }\n\n    const ds = getDataSourceSrv().getInstanceSettings(dsName);\n    if (!ds) {\n      return [];\n    }\n\n    for (const filter of allActiveFilterSets.values()) {\n      if (filter.state.datasource?.uid === ds.uid) {\n        return filter.state.filters;\n      }\n    }\n\n    return [];\n  }.bind(templateSrv);\n}\n"],"names":[],"mappings":";;AAIA,IAAI,uBAA+B,GAAA,KAAA,CAAA,CAAA;AACnC,IAAI,mBAAA,uBAA0B,GAAoB,EAAA,CAAA;AAE3C,SAAS,qBAAqB,SAA2B,EAAA;AAC9D,EAAA,SAAA,CAAU,qBAAqB,MAAM;AACnC,IAAA,mBAAA,CAAoB,IAAI,SAAS,CAAA,CAAA;AACjC,IAAO,OAAA,MAAM,mBAAoB,CAAA,MAAA,CAAO,SAAS,CAAA,CAAA;AAAA,GAClD,CAAA,CAAA;AAED,EAAA,IAAI,uBAAyB,EAAA;AAC3B,IAAA,OAAA;AAAA,GACF;AAEA,EAAA,MAAM,cAAmB,cAAe,EAAA,CAAA;AACxC,EAAI,IAAA,EAAC,2CAAa,eAAiB,CAAA,EAAA;AACjC,IAAA,OAAA,CAAQ,IAAI,iCAAiC,CAAA,CAAA;AAC7C,IAAA,OAAA;AAAA,GACF;AAEA,EAAA,uBAAA,GAA0B,WAAY,CAAA,eAAA,CAAA;AAEtC,EAAY,WAAA,CAAA,eAAA,GAAkB,SAAS,yBAAA,CAA0B,MAAuC,EAAA;AAzB1G,IAAA,IAAA,EAAA,CAAA;AA0BI,IAAI,IAAA,mBAAA,CAAoB,SAAS,CAAG,EAAA;AAClC,MAAO,OAAA,uBAAA,CAAwB,KAAK,WAAW,CAAA,CAAA;AAAA,KACjD;AAEA,IAAA,MAAM,EAAK,GAAA,gBAAA,EAAmB,CAAA,mBAAA,CAAoB,MAAM,CAAA,CAAA;AACxD,IAAA,IAAI,CAAC,EAAI,EAAA;AACP,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAEA,IAAW,KAAA,MAAA,MAAA,IAAU,mBAAoB,CAAA,MAAA,EAAU,EAAA;AACjD,MAAA,IAAA,CAAA,CAAI,YAAO,KAAM,CAAA,UAAA,KAAb,IAAyB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAQ,GAAG,GAAK,EAAA;AAC3C,QAAA,OAAO,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,OACtB;AAAA,KACF;AAEA,IAAA,OAAO,EAAC,CAAA;AAAA,GACV,CAAE,KAAK,WAAW,CAAA,CAAA;AACpB;;;;"}

package/dist/esm/variables/components/VariableValueSelectors.js

@@ -43,6 +43,7 @@ function VariableLabel({ model }) {
       return (_a2 = model.onCancel) == null ? void 0 : _a2.call(model);
     },
     label: labelOrName,
+    error: model.state.error,
     description: (_b = model.state.description) != null ? _b : void 0
   });
 }

package/dist/esm/variables/components/VariableValueSelectors.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariableValueSelectors.js","sources":["../../../../src/variables/components/VariableValueSelectors.tsx"],"sourcesContent":["import React from 'react';\n\nimport { VariableHide } from '@grafana/data';\n\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { sceneGraph } from '../../core/sceneGraph';\nimport { SceneComponentProps, SceneObjectState } from '../../core/types';\nimport { SceneVariable } from '../types';\nimport { ControlsLabel } from '../../utils/ControlsLabel';\nimport { css } from '@emotion/css';\n\nexport class VariableValueSelectors extends SceneObjectBase<SceneObjectState> {\n  public static Component = VariableValueSelectorsRenderer;\n}\n\nfunction VariableValueSelectorsRenderer({ model }: SceneComponentProps<VariableValueSelectors>) {\n  const variables = sceneGraph.getVariables(model)!.useState();\n\n  return (\n    <>\n      {variables.variables.map((variable) => (\n        <VariableValueSelectWrapper key={variable.state.key} variable={variable} />\n      ))}\n    </>\n  );\n}\n\nfunction VariableValueSelectWrapper({ variable }: { variable: SceneVariable }) {\n  const state = variable.useState();\n\n  if (state.hide === VariableHide.hideVariable) {\n    return null;\n  }\n\n  return (\n    <div className={containerStyle}>\n      <VariableLabel model={variable} />\n      <variable.Component model={variable} />\n    </div>\n  );\n}\n\nfunction VariableLabel({ model }: { model: SceneVariable }) {\n  if (model.state.hide === VariableHide.hideLabel) {\n    return null;\n  }\n\n  const elementId = `var-${model.state.key}`;\n  const labelOrName = model.state.label ?? model.state.name;\n\n  return (\n    <ControlsLabel\n      htmlFor={elementId}\n      isLoading={model.state.loading}\n      onCancel={() => model.onCancel?.()}\n      label={labelOrName}\n      description={model.state.description ?? undefined}\n    />\n  );\n}\n\nconst containerStyle = css({ display: 'flex' });\n"],"names":["_a"],"mappings":";;;;;;;AAWO,MAAM,+BAA+B,eAAkC,CAAA;AAE9E,CAAA;AAFa,sBAAA,CACG,SAAY,GAAA,8BAAA,CAAA;AAG5B,SAAS,8BAAA,CAA+B,EAAE,KAAA,EAAsD,EAAA;AAC9F,EAAA,MAAM,SAAY,GAAA,UAAA,CAAW,YAAa,CAAA,KAAK,EAAG,QAAS,EAAA,CAAA;AAE3D,EAAA,iEAEK,SAAU,CAAA,SAAA,CAAU,GAAI,CAAA,CAAC,6BACvB,KAAA,CAAA,aAAA,CAAA,0BAAA,EAAA;AAAA,IAA2B,GAAA,EAAK,SAAS,KAAM,CAAA,GAAA;AAAA,IAAK,QAAA;AAAA,GAAoB,CAC1E,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,SAAS,0BAAA,CAA2B,EAAE,QAAA,EAAyC,EAAA;AAC7E,EAAM,MAAA,KAAA,GAAQ,SAAS,QAAS,EAAA,CAAA;AAEhC,EAAI,IAAA,KAAA,CAAM,IAAS,KAAA,YAAA,CAAa,YAAc,EAAA;AAC5C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAA,cAAA;AAAA,GAAA,kBACb,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,KAAO,EAAA,QAAA;AAAA,GAAU,CAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,QAAA,CAAS,SAAT,EAAA;AAAA,IAAmB,KAAO,EAAA,QAAA;AAAA,GAAU,CACvC,CAAA,CAAA;AAEJ,CAAA;AAEA,SAAS,aAAA,CAAc,EAAE,KAAA,EAAmC,EAAA;AA1C5D,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA2CE,EAAA,IAAI,KAAM,CAAA,KAAA,CAAM,IAAS,KAAA,YAAA,CAAa,SAAW,EAAA;AAC/C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,SAAA,GAAY,CAAO,IAAA,EAAA,KAAA,CAAM,KAAM,CAAA,GAAA,CAAA,CAAA,CAAA;AACrC,EAAA,MAAM,eAAc,EAAM,GAAA,KAAA,CAAA,KAAA,CAAM,KAAZ,KAAA,IAAA,GAAA,EAAA,GAAqB,MAAM,KAAM,CAAA,IAAA,CAAA;AAErD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,OAAS,EAAA,SAAA;AAAA,IACT,SAAA,EAAW,MAAM,KAAM,CAAA,OAAA;AAAA,IACvB,UAAU,MAAG;AAtDnB,MAAAA,IAAAA,GAAAA,CAAAA;AAsDsB,MAAA,OAAA,CAAAA,GAAA,GAAA,KAAA,CAAM,QAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAChB,KAAO,EAAA,WAAA;AAAA,IACP,WAAa,EAAA,CAAA,EAAA,GAAA,KAAA,CAAM,KAAM,CAAA,WAAA,KAAZ,IAA2B,GAAA,EAAA,GAAA,KAAA,CAAA;AAAA,GAC1C,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,cAAiB,GAAA,GAAA,CAAI,EAAE,OAAA,EAAS,QAAQ,CAAA;;;;"}
+{"version":3,"file":"VariableValueSelectors.js","sources":["../../../../src/variables/components/VariableValueSelectors.tsx"],"sourcesContent":["import React from 'react';\n\nimport { VariableHide } from '@grafana/data';\n\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { sceneGraph } from '../../core/sceneGraph';\nimport { SceneComponentProps, SceneObjectState } from '../../core/types';\nimport { SceneVariable } from '../types';\nimport { ControlsLabel } from '../../utils/ControlsLabel';\nimport { css } from '@emotion/css';\n\nexport class VariableValueSelectors extends SceneObjectBase<SceneObjectState> {\n  public static Component = VariableValueSelectorsRenderer;\n}\n\nfunction VariableValueSelectorsRenderer({ model }: SceneComponentProps<VariableValueSelectors>) {\n  const variables = sceneGraph.getVariables(model)!.useState();\n\n  return (\n    <>\n      {variables.variables.map((variable) => (\n        <VariableValueSelectWrapper key={variable.state.key} variable={variable} />\n      ))}\n    </>\n  );\n}\n\nfunction VariableValueSelectWrapper({ variable }: { variable: SceneVariable }) {\n  const state = variable.useState();\n\n  if (state.hide === VariableHide.hideVariable) {\n    return null;\n  }\n\n  return (\n    <div className={containerStyle}>\n      <VariableLabel model={variable} />\n      <variable.Component model={variable} />\n    </div>\n  );\n}\n\nfunction VariableLabel({ model }: { model: SceneVariable }) {\n  if (model.state.hide === VariableHide.hideLabel) {\n    return null;\n  }\n\n  const elementId = `var-${model.state.key}`;\n  const labelOrName = model.state.label ?? model.state.name;\n\n  return (\n    <ControlsLabel\n      htmlFor={elementId}\n      isLoading={model.state.loading}\n      onCancel={() => model.onCancel?.()}\n      label={labelOrName}\n      error={model.state.error}\n      description={model.state.description ?? undefined}\n    />\n  );\n}\n\nconst containerStyle = css({ display: 'flex' });\n"],"names":["_a"],"mappings":";;;;;;;AAWO,MAAM,+BAA+B,eAAkC,CAAA;AAE9E,CAAA;AAFa,sBAAA,CACG,SAAY,GAAA,8BAAA,CAAA;AAG5B,SAAS,8BAAA,CAA+B,EAAE,KAAA,EAAsD,EAAA;AAC9F,EAAA,MAAM,SAAY,GAAA,UAAA,CAAW,YAAa,CAAA,KAAK,EAAG,QAAS,EAAA,CAAA;AAE3D,EAAA,iEAEK,SAAU,CAAA,SAAA,CAAU,GAAI,CAAA,CAAC,6BACvB,KAAA,CAAA,aAAA,CAAA,0BAAA,EAAA;AAAA,IAA2B,GAAA,EAAK,SAAS,KAAM,CAAA,GAAA;AAAA,IAAK,QAAA;AAAA,GAAoB,CAC1E,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,SAAS,0BAAA,CAA2B,EAAE,QAAA,EAAyC,EAAA;AAC7E,EAAM,MAAA,KAAA,GAAQ,SAAS,QAAS,EAAA,CAAA;AAEhC,EAAI,IAAA,KAAA,CAAM,IAAS,KAAA,YAAA,CAAa,YAAc,EAAA;AAC5C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAA,cAAA;AAAA,GAAA,kBACb,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,KAAO,EAAA,QAAA;AAAA,GAAU,CAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,QAAA,CAAS,SAAT,EAAA;AAAA,IAAmB,KAAO,EAAA,QAAA;AAAA,GAAU,CACvC,CAAA,CAAA;AAEJ,CAAA;AAEA,SAAS,aAAA,CAAc,EAAE,KAAA,EAAmC,EAAA;AA1C5D,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA2CE,EAAA,IAAI,KAAM,CAAA,KAAA,CAAM,IAAS,KAAA,YAAA,CAAa,SAAW,EAAA;AAC/C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,SAAA,GAAY,CAAO,IAAA,EAAA,KAAA,CAAM,KAAM,CAAA,GAAA,CAAA,CAAA,CAAA;AACrC,EAAA,MAAM,eAAc,EAAM,GAAA,KAAA,CAAA,KAAA,CAAM,KAAZ,KAAA,IAAA,GAAA,EAAA,GAAqB,MAAM,KAAM,CAAA,IAAA,CAAA;AAErD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,OAAS,EAAA,SAAA;AAAA,IACT,SAAA,EAAW,MAAM,KAAM,CAAA,OAAA;AAAA,IACvB,UAAU,MAAG;AAtDnB,MAAAA,IAAAA,GAAAA,CAAAA;AAsDsB,MAAA,OAAA,CAAAA,GAAA,GAAA,KAAA,CAAM,QAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAChB,KAAO,EAAA,WAAA;AAAA,IACP,KAAA,EAAO,MAAM,KAAM,CAAA,KAAA;AAAA,IACnB,WAAa,EAAA,CAAA,EAAA,GAAA,KAAA,CAAM,KAAM,CAAA,WAAA,KAAZ,IAA2B,GAAA,EAAA,GAAA,KAAA,CAAA;AAAA,GAC1C,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,cAAiB,GAAA,GAAA,CAAI,EAAE,OAAA,EAAS,QAAQ,CAAA;;;;"}