@grafana/scenes 6.50.0--canary.1312.20243507649.0 → 6.50.0--canary.1312.20266554849.0

package/dist/index.js

@@ -3795,61 +3795,59 @@ class ScopesVariableFormatter {
 }
 
 const getRecentFiltersKey = (datasourceUid) => `grafana.filters.recent.${datasourceUid != null ? datasourceUid : "default"}`;
-class AdHocFiltersRecommendations extends SceneObjectBase {
-  constructor(parent) {
-    super({});
-    this._scopedVars = { __sceneObject: wrapInSafeSerializableSceneObject(this) };
-    this._activationHandler = () => {
-      const json = data.store.get(this._getStorageKey());
-      const storedFilters = json ? JSON.parse(json) : [];
-      if (storedFilters.length > 0) {
-        this._verifyRecentFiltersApplicability(storedFilters);
-      } else {
-        this.setState({ recentFilters: [] });
-      }
-      this._fetchRecommendedDrilldowns();
-      const scopesVariable = sceneGraph.lookupVariable(SCOPES_VARIABLE_NAME, this);
-      let scopesSubscription;
-      if (scopesVariable instanceof ScopesVariable) {
-        scopesSubscription = scopesVariable.subscribeToState((newState, prevState) => {
-          if (newState.scopes !== prevState.scopes) {
-            const json2 = data.store.get(this._getStorageKey());
-            const storedFilters2 = json2 ? JSON.parse(json2) : [];
-            if (storedFilters2.length > 0) {
-              this._verifyRecentFiltersApplicability(storedFilters2);
-            }
+class AdHocFiltersRecommendations {
+  constructor(adHocFilter, scopedVars) {
+    this.adHocFilter = adHocFilter;
+    this._scopedVars = scopedVars;
+  }
+  get recentFilters() {
+    return this._recentFilters;
+  }
+  get recommendedFilters() {
+    return this._recommendedFilters;
+  }
+  init() {
+    const json = data.store.get(this._getStorageKey());
+    const storedFilters = json ? JSON.parse(json) : [];
+    if (storedFilters.length > 0) {
+      this._verifyRecentFiltersApplicability(storedFilters);
+    } else {
+      this._recentFilters = [];
+    }
+    this._fetchRecommendedDrilldowns();
+    const scopesVariable = sceneGraph.lookupVariable(SCOPES_VARIABLE_NAME, this.adHocFilter);
+    if (scopesVariable instanceof ScopesVariable) {
+      this.scopesSubscription = scopesVariable.subscribeToState((newState, prevState) => {
+        if (newState.scopes !== prevState.scopes) {
+          const json2 = data.store.get(this._getStorageKey());
+          const storedFilters2 = json2 ? JSON.parse(json2) : [];
+          if (storedFilters2.length > 0) {
+            this._verifyRecentFiltersApplicability(storedFilters2);
           }
-        });
-      }
-      return () => {
-        scopesSubscription == null ? void 0 : scopesSubscription.unsubscribe();
-      };
-    };
-    this._parentVariable = parent;
-    this.addActivationHandler(this._activationHandler);
+        }
+      });
+    }
   }
-  /**
-   * Get the parent variable
-   */
-  get parent() {
-    return this._parentVariable;
+  deinit() {
+    var _a;
+    (_a = this.scopesSubscription) == null ? void 0 : _a.unsubscribe();
   }
   _getStorageKey() {
     var _a;
-    return getRecentFiltersKey((_a = this._parentVariable.state.datasource) == null ? void 0 : _a.uid);
+    return getRecentFiltersKey((_a = this.adHocFilter.state.datasource) == null ? void 0 : _a.uid);
   }
   async _fetchRecommendedDrilldowns() {
     var _a;
-    const parent = this._parentVariable;
-    const ds = await getDataSource(parent.state.datasource, this._scopedVars);
+    const adhoc = this.adHocFilter;
+    const ds = await getDataSource(adhoc.state.datasource, this._scopedVars);
     if (!ds || !ds.getRecommendedDrilldowns) {
       return;
     }
-    const queries = parent.state.useQueriesAsFilterForOptions ? getQueriesForVariables(parent) : void 0;
-    const timeRange = sceneGraph.getTimeRange(this).state.value;
-    const scopes = sceneGraph.getScopes(this);
-    const filters = [...(_a = parent.state.originFilters) != null ? _a : [], ...parent.state.filters];
-    const enrichedRequest = getEnrichedDataRequest(this);
+    const queries = adhoc.state.useQueriesAsFilterForOptions ? getQueriesForVariables(adhoc) : void 0;
+    const timeRange = sceneGraph.getTimeRange(adhoc).state.value;
+    const scopes = sceneGraph.getScopes(adhoc);
+    const filters = [...(_a = adhoc.state.originFilters) != null ? _a : [], ...adhoc.state.filters];
+    const enrichedRequest = getEnrichedDataRequest(adhoc);
     const dashboardUid = enrichedRequest == null ? void 0 : enrichedRequest.dashboardUID;
     try {
       const recommendedDrilldowns = await ds.getRecommendedDrilldowns({
@@ -3861,18 +3859,18 @@ class AdHocFiltersRecommendations extends SceneObjectBase {
         userId: runtime.config.bootData.user.id
       });
       if (recommendedDrilldowns == null ? void 0 : recommendedDrilldowns.filters) {
-        this.setState({ recommendedFilters: recommendedDrilldowns.filters });
+        this._recommendedFilters = recommendedDrilldowns.filters;
       }
     } catch (error) {
       console.error("Failed to fetch recommended drilldowns:", error);
     }
   }
   async _verifyRecentFiltersApplicability(storedFilters) {
-    const parent = this._parentVariable;
-    const queries = parent.state.useQueriesAsFilterForOptions ? getQueriesForVariables(parent) : void 0;
-    const response = await this._getFiltersApplicabilityForQueries(storedFilters, queries != null ? queries : []);
+    const adhoc = this.adHocFilter;
+    const queries = adhoc.state.useQueriesAsFilterForOptions ? getQueriesForVariables(adhoc) : void 0;
+    const response = await adhoc.getFiltersApplicabilityForQueries(storedFilters, queries != null ? queries : []);
     if (!response) {
-      this.setState({ recentFilters: storedFilters.slice(-3) });
+      this._recentFilters = storedFilters.slice(-3);
       return;
     }
     const applicabilityMap = /* @__PURE__ */ new Map();
@@ -3883,22 +3881,7 @@ class AdHocFiltersRecommendations extends SceneObjectBase {
       const isApplicable = applicabilityMap.get(f.key);
       return isApplicable === void 0 || isApplicable === true;
     }).slice(-3);
-    this.setState({ recentFilters: applicableFilters });
-  }
-  async _getFiltersApplicabilityForQueries(filters, queries) {
-    const parent = this._parentVariable;
-    const ds = await getDataSource(parent.state.datasource, this._scopedVars);
-    if (!ds || !ds.getDrilldownsApplicability) {
-      return;
-    }
-    const timeRange = sceneGraph.getTimeRange(this).state.value;
-    return await ds.getDrilldownsApplicability({
-      filters,
-      queries,
-      timeRange,
-      scopes: sceneGraph.getScopes(this),
-      ...getEnrichedFiltersRequest(this)
-    });
+    this._recentFilters = applicableFilters;
   }
   /**
    * Stores a recent filter in localStorage and updates state.
@@ -3910,103 +3893,89 @@ class AdHocFiltersRecommendations extends SceneObjectBase {
     const allRecentFilters = storedFilters ? JSON.parse(storedFilters) : [];
     const updatedStoredFilters = [...allRecentFilters, filter].slice(-10);
     data.store.set(key, JSON.stringify(updatedStoredFilters));
-    const parent = this._parentVariable;
-    const existingFilter = parent.state.filters.find((f) => f.key === filter.key && !Boolean(f.nonApplicable));
+    const adhoc = this.adHocFilter;
+    const existingFilter = adhoc.state.filters.find((f) => f.key === filter.key && !Boolean(f.nonApplicable));
     if (existingFilter && !Boolean(existingFilter.nonApplicable)) {
-      this.setState({ recentFilters: updatedStoredFilters.slice(-3) });
+      this._recentFilters = updatedStoredFilters.slice(-3);
     }
   }
-  /**
-   * Get the current filters from the parent variable
-   */
-  getParentFilters() {
-    return this._parentVariable.state.filters;
-  }
-  /**
-   * Add a filter to the parent variable
-   */
   addFilterToParent(filter) {
-    const parent = this._parentVariable;
-    parent.updateFilters([...parent.state.filters, filter]);
+    this.adHocFilter.updateFilters([...this.adHocFilter.state.filters, filter]);
   }
-}
-AdHocFiltersRecommendations.Component = AdHocFiltersRecommendationsRenderer;
-function AdHocFiltersRecommendationsRenderer({ model }) {
-  const { recentFilters, recommendedFilters } = model.useState();
-  const { filters } = model.parent.useState();
-  const recentDrilldowns = recentFilters == null ? void 0 : recentFilters.map((filter) => ({
-    label: `${filter.key} ${filter.operator} ${filter.value}`,
-    onClick: () => {
-      model.addFilterToParent(filter);
-    }
-  }));
-  const recommendedDrilldowns = recommendedFilters == null ? void 0 : recommendedFilters.map((filter) => ({
-    label: `${filter.key} ${filter.operator} ${filter.value}`,
-    onClick: () => {
-      const exists = filters.some((f) => f.key === filter.key && f.value === filter.value);
-      if (!exists) {
-        model.addFilterToParent(filter);
+  render() {
+    var _a, _b;
+    const { filters } = this.adHocFilter.useState();
+    const recentDrilldowns = (_a = this.recentFilters) == null ? void 0 : _a.map((filter) => ({
+      label: `${filter.key} ${filter.operator} ${filter.value}`,
+      onClick: () => {
+        this.addFilterToParent(filter);
       }
-    }
-  }));
-  return /* @__PURE__ */ React__default.default.createElement(DrilldownRecommendations, { recentDrilldowns, recommendedDrilldowns });
+    }));
+    const recommendedDrilldowns = (_b = this.recommendedFilters) == null ? void 0 : _b.map((filter) => ({
+      label: `${filter.key} ${filter.operator} ${filter.value}`,
+      onClick: () => {
+        const exists = filters.some((f) => f.key === filter.key && f.value === filter.value);
+        if (!exists) {
+          this.addFilterToParent(filter);
+        }
+      }
+    }));
+    return /* @__PURE__ */ React__default.default.createElement(DrilldownRecommendations, { recentDrilldowns, recommendedDrilldowns });
+  }
 }
 
 const getRecentGroupingKey = (datasourceUid) => `grafana.grouping.recent.${datasourceUid != null ? datasourceUid : "default"}`;
-class GroupByRecommendations extends SceneObjectBase {
-  constructor(parent) {
-    super({});
-    this._scopedVars = { __sceneObject: wrapInSafeSerializableSceneObject(this) };
-    this._activationHandler = () => {
-      const json = data.store.get(this._getStorageKey());
-      const storedGroupings = json ? JSON.parse(json) : [];
-      if (storedGroupings.length > 0) {
-        this._verifyRecentGroupingsApplicability(storedGroupings);
-      } else {
-        this.setState({ recentGrouping: [] });
-      }
-      this._fetchRecommendedDrilldowns();
-      const scopesVariable = sceneGraph.lookupVariable(SCOPES_VARIABLE_NAME, this);
-      let scopesSubscription;
-      if (scopesVariable instanceof ScopesVariable) {
-        scopesSubscription = scopesVariable.subscribeToState((newState, prevState) => {
-          if (newState.scopes !== prevState.scopes) {
-            const json2 = data.store.get(this._getStorageKey());
-            const storedGroupings2 = json2 ? JSON.parse(json2) : [];
-            if (storedGroupings2.length > 0) {
-              this._verifyRecentGroupingsApplicability(storedGroupings2);
-            }
+class GroupByRecommendations {
+  constructor(groupByVariable, scopedVars) {
+    this.groupBy = groupByVariable;
+    this._scopedVars = scopedVars;
+  }
+  get recentGrouping() {
+    return this._recentGrouping;
+  }
+  get recommendedGrouping() {
+    return this._recommendedGrouping;
+  }
+  init() {
+    const json = data.store.get(this._getStorageKey());
+    const storedGroupings = json ? JSON.parse(json) : [];
+    if (storedGroupings.length > 0) {
+      this._verifyRecentGroupingsApplicability(storedGroupings);
+    } else {
+      this._recentGrouping = [];
+    }
+    this._fetchRecommendedDrilldowns();
+    const scopesVariable = sceneGraph.lookupVariable(SCOPES_VARIABLE_NAME, this.groupBy);
+    if (scopesVariable instanceof ScopesVariable) {
+      this.scopesSubscription = scopesVariable.subscribeToState((newState, prevState) => {
+        if (newState.scopes !== prevState.scopes) {
+          const json2 = data.store.get(this._getStorageKey());
+          const storedGroupings2 = json2 ? JSON.parse(json2) : [];
+          if (storedGroupings2.length > 0) {
+            this._verifyRecentGroupingsApplicability(storedGroupings2);
           }
-        });
-      }
-      return () => {
-        scopesSubscription == null ? void 0 : scopesSubscription.unsubscribe();
-      };
-    };
-    this._parentVariable = parent;
-    this.addActivationHandler(this._activationHandler);
+        }
+      });
+    }
   }
-  /**
-   * Get the parent variable
-   */
-  get parent() {
-    return this._parentVariable;
+  deinit() {
+    var _a;
+    (_a = this.scopesSubscription) == null ? void 0 : _a.unsubscribe();
   }
   _getStorageKey() {
     var _a;
-    return getRecentGroupingKey((_a = this._parentVariable.state.datasource) == null ? void 0 : _a.uid);
+    return getRecentGroupingKey((_a = this.groupBy.state.datasource) == null ? void 0 : _a.uid);
   }
   async _fetchRecommendedDrilldowns() {
-    const parent = this._parentVariable;
-    const ds = await getDataSource(parent.state.datasource, this._scopedVars);
+    const ds = await getDataSource(this.groupBy.state.datasource, this._scopedVars);
     if (!ds || !ds.getRecommendedDrilldowns) {
       return;
     }
-    const queries = getQueriesForVariables(parent);
-    const timeRange = sceneGraph.getTimeRange(this).state.value;
-    const scopes = sceneGraph.getScopes(this);
-    const groupByKeys = Array.isArray(parent.state.value) ? parent.state.value.map((v) => String(v)) : parent.state.value ? [String(parent.state.value)] : [];
-    const enrichedRequest = getEnrichedDataRequest(this);
+    const queries = getQueriesForVariables(this.groupBy);
+    const timeRange = sceneGraph.getTimeRange(this.groupBy).state.value;
+    const scopes = sceneGraph.getScopes(this.groupBy);
+    const groupByKeys = Array.isArray(this.groupBy.state.value) ? this.groupBy.state.value.map((v) => String(v)) : this.groupBy.state.value ? [String(this.groupBy.state.value)] : [];
+    const enrichedRequest = getEnrichedDataRequest(this.groupBy);
     const dashboardUid = enrichedRequest == null ? void 0 : enrichedRequest.dashboardUID;
     try {
       const recommendedDrilldowns = await ds.getRecommendedDrilldowns({
@@ -4018,20 +3987,18 @@ class GroupByRecommendations extends SceneObjectBase {
         userId: runtime.config.bootData.user.id
       });
       if (recommendedDrilldowns == null ? void 0 : recommendedDrilldowns.groupByKeys) {
-        this.setState({
-          recommendedGrouping: recommendedDrilldowns.groupByKeys.map((key) => ({ value: key, text: key }))
-        });
+        this._recommendedGrouping = recommendedDrilldowns.groupByKeys.map((key) => ({ value: key, text: key }));
       }
     } catch (error) {
       console.error("Failed to fetch recommended drilldowns:", error);
     }
   }
   async _verifyRecentGroupingsApplicability(storedGroupings) {
-    const queries = getQueriesForVariables(this._parentVariable);
+    const queries = getQueriesForVariables(this.groupBy);
     const keys = storedGroupings.map((g) => String(g.value));
-    const response = await this._getGroupByApplicabilityForQueries(keys, queries);
+    const response = await this.groupBy.getGroupByApplicabilityForQueries(keys, queries);
     if (!response) {
-      this.setState({ recentGrouping: storedGroupings.slice(-3) });
+      this._recentGrouping = storedGroupings.slice(-3);
       return;
     }
     const applicabilityMap = /* @__PURE__ */ new Map();
@@ -4042,22 +4009,7 @@ class GroupByRecommendations extends SceneObjectBase {
       const isApplicable = applicabilityMap.get(String(g.value));
       return isApplicable === void 0 || isApplicable === true;
     }).slice(-3);
-    this.setState({ recentGrouping: applicableGroupings });
-  }
-  async _getGroupByApplicabilityForQueries(value, queries) {
-    const parent = this._parentVariable;
-    const ds = await getDataSource(parent.state.datasource, this._scopedVars);
-    if (!ds || !ds.getDrilldownsApplicability) {
-      return;
-    }
-    const timeRange = sceneGraph.getTimeRange(this).state.value;
-    return await ds.getDrilldownsApplicability({
-      groupByKeys: Array.isArray(value) ? value.map((v) => String(v)) : value ? [String(value)] : [],
-      queries,
-      timeRange,
-      scopes: sceneGraph.getScopes(this),
-      ...getEnrichedFiltersRequest(this)
-    });
+    this._recentGrouping = applicableGroupings;
   }
   /**
    * Stores recent groupings in localStorage and updates state.
@@ -4079,51 +4031,41 @@ class GroupByRecommendations extends SceneObjectBase {
     ];
     const limitedStoredGroupings = updatedStoredGroupings.slice(-10);
     data.store.set(key, JSON.stringify(limitedStoredGroupings));
-    this.setState({ recentGrouping: limitedStoredGroupings.slice(-3) });
-  }
-  /**
-   * Get the current values from the parent variable
-   */
-  getParentValues() {
-    const parent = this._parentVariable;
-    const value = lodash.isArray(parent.state.value) ? parent.state.value : [parent.state.value];
-    const text = lodash.isArray(parent.state.text) ? parent.state.text.map(String) : [String(parent.state.text)];
-    return { value, text };
+    this._recentGrouping = limitedStoredGroupings.slice(-3);
   }
   /**
    * Add a grouping value to the parent variable
    */
   addValueToParent(newValue, newText) {
-    const parent = this._parentVariable;
-    const { value, text } = this.getParentValues();
+    const value = lodash.isArray(this.groupBy.state.value) ? this.groupBy.state.value : [this.groupBy.state.value];
+    const text = lodash.isArray(this.groupBy.state.text) ? this.groupBy.state.text.map(String) : [String(this.groupBy.state.text)];
     if (value.includes(newValue)) {
       return;
     }
-    parent.changeValueTo(
+    this.groupBy.changeValueTo(
       [...value.filter((v) => v !== ""), newValue],
       [...text.filter((t) => t !== ""), newText != null ? newText : String(newValue)],
       true
     );
   }
-}
-GroupByRecommendations.Component = GroupByRecommendationsRenderer;
-function GroupByRecommendationsRenderer({ model }) {
-  const { recentGrouping, recommendedGrouping } = model.useState();
-  const recentDrilldowns = recentGrouping == null ? void 0 : recentGrouping.map((groupBy) => ({
-    label: `${groupBy.value}`,
-    onClick: () => {
-      var _a;
-      model.addValueToParent(groupBy.value, (_a = groupBy.text) != null ? _a : String(groupBy.value));
-    }
-  }));
-  const recommendedDrilldowns = recommendedGrouping == null ? void 0 : recommendedGrouping.map((groupBy) => ({
-    label: `${groupBy.value}`,
-    onClick: () => {
-      var _a;
-      model.addValueToParent(groupBy.value, (_a = groupBy.text) != null ? _a : String(groupBy.value));
-    }
-  }));
-  return /* @__PURE__ */ React__default.default.createElement(DrilldownRecommendations, { recentDrilldowns, recommendedDrilldowns });
+  render() {
+    var _a, _b;
+    const recentDrilldowns = (_a = this.recentGrouping) == null ? void 0 : _a.map((groupBy) => ({
+      label: `${groupBy.value}`,
+      onClick: () => {
+        var _a2;
+        this.addValueToParent(groupBy.value, (_a2 = groupBy.text) != null ? _a2 : String(groupBy.value));
+      }
+    }));
+    const recommendedDrilldowns = (_b = this.recommendedGrouping) == null ? void 0 : _b.map((groupBy) => ({
+      label: `${groupBy.value}`,
+      onClick: () => {
+        var _a2;
+        this.addValueToParent(groupBy.value, (_a2 = groupBy.text) != null ? _a2 : String(groupBy.value));
+      }
+    }));
+    return /* @__PURE__ */ React__default.default.createElement(DrilldownRecommendations, { recentDrilldowns, recommendedDrilldowns });
+  }
 }
 
 class GroupByVariable extends MultiValueVariable {
@@ -4144,6 +4086,7 @@ class GroupByVariable extends MultiValueVariable {
     });
     this.isLazy = true;
     this._urlSync = new GroupByVariableUrlSyncHandler(this);
+    this._scopedVars = { __sceneObject: wrapInSafeSerializableSceneObject(this) };
     this._activationHandler = () => {
       this._verifyApplicability();
       if (this.state.defaultValue) {
@@ -4152,15 +4095,17 @@ class GroupByVariable extends MultiValueVariable {
         }
       }
       if (this.state.drilldownRecommendationsEnabled && !this.state._valueRecommendations) {
-        const valueRecommendations = new GroupByRecommendations(this);
+        const valueRecommendations = new GroupByRecommendations(this, this._scopedVars);
         this.setState({ _valueRecommendations: valueRecommendations });
-        valueRecommendations.activate();
+        valueRecommendations.init();
       }
       return () => {
+        var _a;
         if (this.state.defaultValue) {
           this.restoreDefaultValues();
         }
         this.setState({ applicabilityEnabled: false });
+        (_a = this.state._valueRecommendations) == null ? void 0 : _a.deinit();
       };
     };
     /**
@@ -4241,11 +4186,7 @@ class GroupByVariable extends MultiValueVariable {
       );
     }
     this.setState({ loading: true, error: null });
-    return rxjs.from(
-      getDataSource(this.state.datasource, {
-        __sceneObject: wrapInSafeSerializableSceneObject(this)
-      })
-    ).pipe(
+    return rxjs.from(getDataSource(this.state.datasource, this._scopedVars)).pipe(
       rxjs.mergeMap((ds) => {
         return rxjs.from(this._getKeys(ds)).pipe(
           rxjs.tap((response) => {
@@ -4282,9 +4223,7 @@ class GroupByVariable extends MultiValueVariable {
     return applicableValues;
   }
   async getGroupByApplicabilityForQueries(value, queries) {
-    const ds = await getDataSource(this.state.datasource, {
-      __sceneObject: wrapInSafeSerializableSceneObject(this)
-    });
+    const ds = await getDataSource(this.state.datasource, this._scopedVars);
     if (!ds.getDrilldownsApplicability) {
       return;
     }
@@ -4536,7 +4475,7 @@ function GroupByVariableRenderer({ model }) {
   if (!drilldownRecommendationsEnabled || !_valueRecommendations) {
     return select;
   }
-  return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.wrapper }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.recommendations }, /* @__PURE__ */ React__default.default.createElement(_valueRecommendations.Component, { model: _valueRecommendations })), select);
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.wrapper }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.recommendations }, _valueRecommendations.render()), select);
 }
 const filterNoOp$1 = () => true;
 function WideMenu(props) {
@@ -8376,7 +8315,7 @@ const AdHocFiltersComboboxRenderer = React.memo(function AdHocFiltersComboboxRen
       }
     },
     /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "filter", className: styles.filterIcon, size: "lg" }),
-    drilldownRecommendationsEnabled && valueRecommendations && /* @__PURE__ */ React__default.default.createElement(valueRecommendations.Component, { model: valueRecommendations }),
+    drilldownRecommendationsEnabled && valueRecommendations && valueRecommendations.render(),
     originFilters == null ? void 0 : originFilters.map(
       (filter, index) => filter.origin ? /* @__PURE__ */ React__default.default.createElement(
         AdHocFilterPill,
@@ -8661,18 +8600,19 @@ class AdHocFiltersVariable extends SceneObjectBase {
     this._activationHandler = () => {
       this._debouncedVerifyApplicability();
       if (this.state.drilldownRecommendationsEnabled && !this.state._valueRecommendations) {
-        const valueRecommendations = new AdHocFiltersRecommendations(this);
+        const valueRecommendations = new AdHocFiltersRecommendations(this, this._scopedVars);
         this.setState({ _valueRecommendations: valueRecommendations });
-        valueRecommendations.activate();
+        valueRecommendations.init();
       }
       return () => {
-        var _a;
+        var _a, _b;
         (_a = this.state.originFilters) == null ? void 0 : _a.forEach((filter) => {
           if (filter.restorable) {
             this.restoreOriginalFilter(filter);
           }
         });
         this.setState({ applicabilityEnabled: false });
+        (_b = this.state._valueRecommendations) == null ? void 0 : _b.deinit();
       };
     };
     if (this.state.applyMode === "auto") {