@grafana/scenes 6.27.3 → 6.28.0

package/dist/index.js

@@ -5233,7 +5233,7 @@ const getStyles$c = (theme) => ({
 
 const LABEL_MAX_VISIBLE_LENGTH = 20;
 function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const styles = ui.useStyles2(getStyles$b);
   const [viewMode, setViewMode] = React.useState(true);
   const [shouldFocusOnPillWrapper, setShouldFocusOnPillWrapper] = React.useState(false);
@@ -5288,6 +5288,7 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
       };
     }
   };
+  const cleanFilter = !filter.restorable && !filter.readOnly && !filter.nonApplicable;
   if (viewMode) {
     const pillTextContent = `${keyLabel} ${filter.operator} ${valueLabel}`;
     const pillText = /* @__PURE__ */ React__default.default.createElement("span", { className: css.cx(styles.pillText, filter.nonApplicable && styles.strikethrough) }, pillTextContent);
@@ -5369,7 +5370,7 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
         },
         /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "lock", size: "md", className: styles.readOnlyPillIcon })
       ),
-      filter.origin && !filter.restorable && !filter.readOnly && /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: getOriginFilterTooltips(filter.origin).info, placement: "bottom" }, /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "info-circle", size: "md", className: styles.infoPillIcon })),
+      filter.origin && cleanFilter && /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: getOriginFilterTooltips(filter.origin).info, placement: "bottom" }, /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "info-circle", size: "md", className: styles.infoPillIcon })),
       filter.origin && filter.restorable && !filter.readOnly && /* @__PURE__ */ React__default.default.createElement(
         ui.IconButton,
         {
@@ -5389,6 +5390,14 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
           className: isMatchAllFilter(filter) ? styles.matchAllPillIcon : styles.pillIcon,
           tooltip: getOriginFilterTooltips(filter.origin).restore
         }
+      ),
+      filter.nonApplicable && /* @__PURE__ */ React__default.default.createElement(
+        ui.Tooltip,
+        {
+          content: (_d = filter.nonApplicableReason) != null ? _d : i18n.t("grafana-scenes.components.adhoc-filter-pill.non-applicable", "Filter is not applicable"),
+          placement: "bottom"
+        },
+        /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "info-circle", size: "md", className: styles.infoPillIcon })
       )
     );
   }
@@ -5699,7 +5708,10 @@ class AdHocFiltersVariable extends SceneObjectBase {
     });
     this._urlSync = new AdHocFiltersVariableUrlSyncHandler(this);
     this._activationHandler = () => {
-      this._verifyNonApplicableFilters();
+      this._setStateWithFiltersApplicabilityCheck({
+        filters: this.state.filters,
+        originFilters: this.state.originFilters
+      });
       return () => {
         var _a;
         (_a = this.state.originFilters) == null ? void 0 : _a.forEach((filter) => {
@@ -5763,7 +5775,10 @@ class AdHocFiltersVariable extends SceneObjectBase {
       ...editedScopeFilters.filter((filter) => scopeFilterKeys.includes(filter.key)),
       ...scopeFilters.filter((filter) => !editedScopeFilterKeys.includes(filter.key))
     ];
-    this.setState({ originFilters: [...finalFilters, ...remainingFilters] });
+    this._setStateWithFiltersApplicabilityCheck({
+      filters: this.state.filters,
+      originFilters: [...finalFilters, ...remainingFilters]
+    });
     this._prevScopes = scopes;
   }
   setState(update) {
@@ -5844,7 +5859,11 @@ class AdHocFiltersVariable extends SceneObjectBase {
     }
     if (filter === _wip) {
       if ("value" in update && update["value"] !== "") {
-        this.setState({ filters: [...filters, { ..._wip, ...update }], _wip: void 0 });
+        this._setStateWithFiltersApplicabilityCheck({
+          filters: [...filters, { ..._wip, ...update }],
+          originFilters: this.state.originFilters,
+          _wip: void 0
+        });
       } else {
         this.setState({ _wip: { ...filter, ...update } });
       }
@@ -5871,7 +5890,10 @@ class AdHocFiltersVariable extends SceneObjectBase {
       this.setState({ _wip: void 0 });
       return;
     }
-    this.setState({ filters: this.state.filters.filter((f) => f !== filter) });
+    this._setStateWithFiltersApplicabilityCheck({
+      filters: this.state.filters.filter((f) => f !== filter),
+      originFilters: this.state.originFilters
+    });
   }
   _removeLastFilter() {
     const filterToRemove = this.state.filters.at(-1);
@@ -5927,46 +5949,51 @@ class AdHocFiltersVariable extends SceneObjectBase {
       });
     }
   }
-  async _verifyNonApplicableFilters() {
-    var _a, _b, _c;
-    const filters = [...this.state.filters, ...(_a = this.state.originFilters) != null ? _a : []];
+  async _setStateWithFiltersApplicabilityCheck(update) {
+    var _a, _b;
     const ds = await this._dataSourceSrv.get(this.state.datasource, this._scopedVars);
-    if (!ds || !ds.getApplicableFilters) {
-      return [];
+    if (!ds || !ds.getFiltersApplicability) {
+      this.setState(update);
+      return;
+    }
+    if (!update.filters) {
+      return;
     }
     const timeRange = sceneGraph.getTimeRange(this).state.value;
     const queries = this.state.useQueriesAsFilterForOptions ? getQueriesForVariables(this) : void 0;
-    const response = await ds.getApplicableFilters({
-      filters,
+    const response = await ds.getFiltersApplicability({
+      filters: [...update.filters, ...(_a = update.originFilters) != null ? _a : []],
       queries,
       timeRange,
       scopes: sceneGraph.getScopes(this),
       ...getEnrichedFiltersRequest(this)
     });
-    const update = {
-      filters: [...this.state.filters],
-      originFilters: [...(_b = this.state.originFilters) != null ? _b : []]
-    };
+    const responseMap = /* @__PURE__ */ new Map();
+    response.forEach((filter) => {
+      responseMap.set(`${filter.key}${filter.origin ? `-${filter.origin}` : ""}`, filter);
+    });
     update.filters.forEach((f) => {
-      const isApplicable = response.includes(f.key);
-      if (!isApplicable) {
-        f.nonApplicable = true;
+      const filter = responseMap.get(f.key);
+      if (filter) {
+        f.nonApplicable = !filter.applicable;
+        f.nonApplicableReason = filter.reason;
       }
     });
-    (_c = update.originFilters) == null ? void 0 : _c.forEach((f) => {
-      const isApplicable = response.includes(f.key);
-      if (!isApplicable) {
+    (_b = update.originFilters) == null ? void 0 : _b.forEach((f) => {
+      const filter = responseMap.get(`${f.key}-${f.origin}`);
+      if (filter) {
         if (!f.matchAllFilter) {
-          f.nonApplicable = true;
+          f.nonApplicable = !filter.applicable;
+          f.nonApplicableReason = filter.reason;
         }
         const originalValue = this._originalValues.get(`${f.key}-${f.origin}`);
         if (originalValue) {
-          originalValue.nonApplicable = true;
+          originalValue.nonApplicable = !filter.applicable;
+          originalValue.nonApplicableReason = filter == null ? void 0 : filter.reason;
         }
       }
     });
     this.setState(update);
-    return;
   }
   /**
    * Get possible keys given current filters. Do not call from plugins directly
@@ -14419,7 +14446,25 @@ const VizConfigBuilders = {
 
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
-    case '../locales/en-US/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-DCHONTnD.js'); });
+    case '../locales/cs-CZ/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-CY85TD5F.js'); });
+    case '../locales/de-DE/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-n10eQkNF.js'); });
+    case '../locales/en-US/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-uBsCv-Bu.js'); });
+    case '../locales/es-ES/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-YMli37Xh.js'); });
+    case '../locales/fr-FR/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-DXM1LI4B.js'); });
+    case '../locales/hu-HU/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-DlUSL8jI.js'); });
+    case '../locales/id-ID/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-D5qs_fc9.js'); });
+    case '../locales/it-IT/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-Dy2CLUY9.js'); });
+    case '../locales/ja-JP/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-CBRfJ-2H.js'); });
+    case '../locales/ko-KR/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-CgIzGE5F.js'); });
+    case '../locales/nl-NL/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-Br6NPcwR.js'); });
+    case '../locales/pl-PL/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-B3ypGD5T.js'); });
+    case '../locales/pt-BR/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-COr0P0oM.js'); });
+    case '../locales/pt-PT/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-Cub9Gl0n.js'); });
+    case '../locales/ru-RU/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-BGCbMCFm.js'); });
+    case '../locales/sv-SE/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-CqRf9pRc.js'); });
+    case '../locales/tr-TR/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-CeVkPanY.js'); });
+    case '../locales/zh-Hans/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-DObtL2WT.js'); });
+    case '../locales/zh-Hant/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-B0JDDOYY.js'); });
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))