@grafana/scenes 6.2.1--canary.990.13570008543.0 → 6.2.1

package/dist/index.js

@@ -13,9 +13,9 @@ var schema = require('@grafana/schema');
 var ui = require('@grafana/ui');
 var e2eSelectors = require('@grafana/e2e-selectors');
 var css = require('@emotion/css');
+var uFuzzy = require('@leeoniya/ufuzzy');
 var react = require('@floating-ui/react');
 var reactVirtual = require('@tanstack/react-virtual');
-var uFuzzy = require('@leeoniya/ufuzzy');
 var reactUse = require('react-use');
 var operators = require('rxjs/operators');
 var ReactGridLayout = require('react-grid-layout');
@@ -468,6 +468,13 @@ class SceneObjectBase {
     }
     return this._ref;
   }
+  toJSON() {
+    return {
+      type: Object.getPrototypeOf(this).constructor.name,
+      isActive: this.isActive,
+      state: this.state
+    };
+  }
 }
 function useSceneObjectState(model, options) {
   var _a;
@@ -2833,14 +2840,44 @@ function findActiveGroupByVariablesByUid(dsUid) {
   return void 0;
 }
 
+const REGEXP_NON_ASCII = /[^ -~]/m;
+const REGEXP_ONLY_SYMBOLS = /^[\x21-\x2F\x3A-\x40\x5B-\x60\x7B-\x7E]+$/m;
+const outOfOrderLimit = 5;
+const maxNeedleLength = 25;
+const maxFuzzyTerms = 5;
+const rankThreshold = 1e4;
+const uf = new uFuzzy__default["default"]({ intraMode: 1 });
+function fuzzyFind(options, haystack, needle) {
+  let matches = [];
+  if (needle === "") {
+    matches = options;
+  } else if (REGEXP_NON_ASCII.test(needle) || REGEXP_ONLY_SYMBOLS.test(needle) || needle.length > maxNeedleLength || uf.split(needle).length > maxFuzzyTerms) {
+    for (let i = 0; i < haystack.length; i++) {
+      let item = haystack[i];
+      if (item.includes(needle)) {
+        matches.push(options[i]);
+      }
+    }
+  } else {
+    const [idxs, info, order] = uf.search(haystack, needle, outOfOrderLimit, rankThreshold);
+    if (idxs == null ? void 0 : idxs.length) {
+      if (info && order) {
+        matches = order.map((idx) => options[info.idx[idx]]);
+      } else {
+        matches = idxs.map((idx) => options[idx]);
+      }
+    }
+  }
+  return matches;
+}
+
 function getOptionSearcher(options, includeAll = false) {
   let allOptions = options;
   if (includeAll) {
     allOptions = [{ value: ALL_VARIABLE_VALUE, label: ALL_VARIABLE_TEXT }, ...allOptions];
   }
   const haystack = allOptions.map((o) => o.label);
-  const fuzzySearch = getFuzzySearcher(haystack);
-  return (search) => fuzzySearch(search).map((i) => allOptions[i]);
+  return (search) => fuzzyFind(allOptions, haystack, search);
 }
 
 var __defProp$G = Object.defineProperty;
@@ -3233,7 +3270,7 @@ class GroupByVariable extends MultiValueVariable {
     this.isLazy = true;
     this._urlSync = new GroupByVariableUrlSyncHandler(this);
     this._getKeys = async (ds) => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c;
       const override = await ((_b = (_a = this.state).getTagKeysProvider) == null ? void 0 : _b.call(_a, this, null));
       if (override && override.replace) {
         return override.values;
@@ -3250,8 +3287,7 @@ class GroupByVariable extends MultiValueVariable {
       const response = await ds.getTagKeys(__spreadValues$F({
         filters: otherFilters,
         queries,
-        timeRange,
-        scopes: (_d = this._scopesBridge) == null ? void 0 : _d.getValue()
+        timeRange
       }, getEnrichedFiltersRequest(this)));
       if (responseHasError(response)) {
         this.setState({ error: response.error.message });
@@ -3605,8 +3641,7 @@ function getAdhocOptionSearcher(options) {
     var _a;
     return (_a = o.label) != null ? _a : String(o.value);
   });
-  const fuzzySearch = getFuzzySearcher(haystack);
-  return (search) => fuzzySearch(search).map((i) => options[i]);
+  return (search) => fuzzyFind(options, haystack, search);
 }
 
 var __defProp$E = Object.defineProperty;
@@ -4142,26 +4177,6 @@ const VIRTUAL_LIST_OVERSCAN = 5;
 const VIRTUAL_LIST_ITEM_HEIGHT = 38;
 const VIRTUAL_LIST_ITEM_HEIGHT_WITH_DESCRIPTION = 60;
 const ERROR_STATE_DROPDOWN_WIDTH = 366;
-const REGEXP_NON_ASCII = /[^ -~]/m;
-function searchOptions(options) {
-  const haystack = options.map((o) => {
-    var _a;
-    return (_a = o.label) != null ? _a : o.value;
-  });
-  const fuzzySearch = getFuzzySearcher(haystack);
-  return (search, filterInputType) => {
-    if (REGEXP_NON_ASCII.test(search)) {
-      return options.filter((o) => {
-        var _a, _b;
-        return ((_a = o.label) == null ? void 0 : _a.includes(search)) || ((_b = o.value) == null ? void 0 : _b.includes(search)) || false;
-      });
-    }
-    if (filterInputType === "operator" && search !== "") {
-      search = `"${search}"`;
-    }
-    return fuzzySearch(search).map((i) => options[i]);
-  };
-}
 const flattenOptionGroups = (options) => options.flatMap((option) => option.options ? [option, ...option.options] : [option]);
 const setupDropdownAccessibility = (options, listRef, disabledIndicesRef) => {
   var _a, _b, _c, _d;
@@ -4501,7 +4516,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
   const listRef = React.useRef([]);
   const disabledIndicesRef = React.useRef([]);
   const filterInputTypeRef = React.useRef(!isAlwaysWip ? "value" : "key");
-  const optionsSearcher = React.useMemo(() => searchOptions(options), [options]);
+  const optionsSearcher = React.useMemo(() => getAdhocOptionSearcher(options), [options]);
   const isLastFilter = React.useMemo(() => {
     if (isAlwaysWip) {
       return false;
@@ -4610,7 +4625,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
     [refs.domReference]
   );
   const filteredDropDownItems = flattenOptionGroups(
-    handleOptionGroups(optionsSearcher(preventFiltering ? "" : inputValue, filterInputType))
+    handleOptionGroups(optionsSearcher(preventFiltering ? "" : inputValue))
   );
   if (allowCustomValue && filterInputType !== "operator" && inputValue) {
     filteredDropDownItems.push({
@@ -5407,13 +5422,9 @@ class AdHocFiltersVariable extends SceneObjectBase {
     this._scopedVars = { __sceneObject: wrapInSafeSerializableSceneObject(this) };
     this._dataSourceSrv = runtime.getDataSourceSrv();
     this._urlSync = new AdHocFiltersVariableUrlSyncHandler(this);
-    this._activationHandler = () => {
-      this._scopesBridge = sceneGraph.getScopesBridge(this);
-    };
     if (this.state.applyMode === "auto") {
       patchGetAdhocFilters(this);
     }
-    this.addActivationHandler(this._activationHandler);
   }
   setState(update) {
     let filterExpressionChanged = false;
@@ -5497,7 +5508,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
     }
   }
   async _getKeys(currentKey) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const override = await ((_b = (_a = this.state).getTagKeysProvider) == null ? void 0 : _b.call(_a, this, currentKey));
     if (override && override.replace) {
       return dataFromResponse(override.values).map(toSelectableValue);
@@ -5515,8 +5526,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
     const response = await ds.getTagKeys(__spreadValues$z({
       filters: otherFilters,
       queries,
-      timeRange,
-      scopes: (_d = this._scopesBridge) == null ? void 0 : _d.getValue()
+      timeRange
     }, getEnrichedFiltersRequest(this)));
     if (responseHasError(response)) {
       this.setState({ error: response.error.message });
@@ -5532,7 +5542,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
     return keys.map(toSelectableValue);
   }
   async _getValuesFor(filter) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const override = await ((_b = (_a = this.state).getTagValuesProvider) == null ? void 0 : _b.call(_a, this, filter));
     if (override && override.replace) {
       return dataFromResponse(override.values).map(toSelectableValue);
@@ -5548,8 +5558,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
       key: filter.key,
       filters: otherFilters,
       timeRange,
-      queries,
-      scopes: (_d = this._scopesBridge) == null ? void 0 : _d.getValue()
+      queries
     }, getEnrichedFiltersRequest(this)));
     if (responseHasError(response)) {
       this.setState({ error: response.error.message });
@@ -5737,7 +5746,6 @@ class SceneQueryRunner extends SceneObjectBase {
   _onActivate() {
     if (this.isQueryModeAuto()) {
       const timeRange = sceneGraph.getTimeRange(this);
-      const scopesBridge = sceneGraph.getScopesBridge(this);
       const providers = this.getClosestExtraQueryProviders();
       for (const provider of providers) {
         this._subs.add(
@@ -5748,7 +5756,6 @@ class SceneQueryRunner extends SceneObjectBase {
           })
         );
       }
-      this.subscribeToScopesChanges(scopesBridge);
       this.subscribeToTimeRangeChanges(timeRange);
       if (this.shouldRunQueriesOnActivate()) {
         this.runQueries();
@@ -5894,21 +5901,6 @@ class SceneQueryRunner extends SceneObjectBase {
   isDataReadyToDisplay() {
     return Boolean(this.state._hasFetchedData);
   }
-  subscribeToScopesChanges(scopesBridge) {
-    if (!scopesBridge) {
-      return;
-    }
-    if (this._scopesSubBridge === scopesBridge) {
-      return;
-    }
-    if (this._scopesSub) {
-      this._scopesSub.unsubscribe();
-    }
-    this._scopesSubBridge = scopesBridge;
-    this._scopesSub = scopesBridge.subscribeToValue(() => {
-      this.runWithTimeRangeAndScopes(sceneGraph.getTimeRange(this), scopesBridge);
-    });
-  }
   subscribeToTimeRangeChanges(timeRange) {
     if (this._timeSubRange === timeRange) {
       return;
@@ -5918,17 +5910,15 @@ class SceneQueryRunner extends SceneObjectBase {
     }
     this._timeSubRange = timeRange;
     this._timeSub = timeRange.subscribeToState(() => {
-      this.runWithTimeRangeAndScopes(timeRange, sceneGraph.getScopesBridge(this));
+      this.runWithTimeRange(timeRange);
     });
   }
   runQueries() {
     const timeRange = sceneGraph.getTimeRange(this);
-    const scopesBridge = sceneGraph.getScopesBridge(this);
     if (this.isQueryModeAuto()) {
       this.subscribeToTimeRangeChanges(timeRange);
-      this.subscribeToScopesChanges(scopesBridge);
     }
-    this.runWithTimeRangeAndScopes(timeRange, scopesBridge);
+    this.runWithTimeRange(timeRange);
   }
   getMaxDataPoints() {
     var _a;
@@ -5948,8 +5938,8 @@ class SceneQueryRunner extends SceneObjectBase {
       data: __spreadProps$m(__spreadValues$y({}, this.state.data), { state: schema.LoadingState.Done })
     });
   }
-  async runWithTimeRangeAndScopes(timeRange, scopesBridge) {
-    var _a, _b, _c, _d;
+  async runWithTimeRange(timeRange) {
+    var _a, _b, _c;
     if (!this.state.maxDataPoints && this.state.maxDataPointsFromWidth && !this._containerWidth) {
       return;
     }
@@ -5962,22 +5952,17 @@ class SceneQueryRunner extends SceneObjectBase {
       this.setState({ data: __spreadProps$m(__spreadValues$y({}, (_b = this.state.data) != null ? _b : emptyPanelData), { state: schema.LoadingState.Loading }) });
       return;
     }
-    if (scopesBridge == null ? void 0 : scopesBridge.isLoading()) {
-      writeSceneLog("SceneQueryRunner", "Scopes are in loading state, skipping query execution");
-      this.setState({ data: __spreadProps$m(__spreadValues$y({}, (_c = this.state.data) != null ? _c : emptyPanelData), { state: schema.LoadingState.Loading }) });
-      return;
-    }
     const { queries } = this.state;
     if (!(queries == null ? void 0 : queries.length)) {
       this._setNoDataState();
       return;
     }
     try {
-      const datasource = (_d = this.state.datasource) != null ? _d : findFirstDatasource(queries);
+      const datasource = (_c = this.state.datasource) != null ? _c : findFirstDatasource(queries);
       const ds = await getDataSource(datasource, this._scopedVars);
       this.findAndSubscribeToAdHocFilters(ds.uid);
       const runRequest = runtime.getRunRequest();
-      const { primary, secondaries, processors } = this.prepareRequests(timeRange, ds, scopesBridge);
+      const { primary, secondaries, processors } = this.prepareRequests(timeRange, ds);
       writeSceneLog("SceneQueryRunner", "Starting runRequest", this.state.key);
       let stream = runRequest(ds, primary);
       if (secondaries.length > 0) {
@@ -6016,7 +6001,7 @@ class SceneQueryRunner extends SceneObjectBase {
     clone["_results"].next({ origin: this, data: (_a = this.state.data) != null ? _a : emptyPanelData });
     return clone;
   }
-  prepareRequests(timeRange, ds, scopesBridge) {
+  prepareRequests(timeRange, ds) {
     var _a, _b;
     const { minInterval, queries } = this.state;
     let request = __spreadValues$y({
@@ -6036,8 +6021,7 @@ class SceneQueryRunner extends SceneObjectBase {
         to: timeRange.state.to
       },
       cacheTimeout: this.state.cacheTimeout,
-      queryCachingTTL: this.state.queryCachingTTL,
-      scopes: scopesBridge == null ? void 0 : scopesBridge.getValue()
+      queryCachingTTL: this.state.queryCachingTTL
     }, getEnrichedDataRequest(this));
     if (this._adhocFiltersVar) {
       request.filters = [];
@@ -6310,27 +6294,6 @@ function handleOptionGroups(values) {
   }
   return result;
 }
-function getFuzzySearcher(haystack, limit = 1e4) {
-  const ufuzzy = new uFuzzy__default["default"]();
-  const FIRST = Array.from({ length: Math.min(limit, haystack.length) }, (_, i) => i);
-  return (search) => {
-    if (search === "") {
-      return FIRST;
-    }
-    const [idxs, info, order] = ufuzzy.search(haystack, search);
-    if (idxs) {
-      if (info && order) {
-        const outIdxs = Array(Math.min(order.length, limit));
-        for (let i = 0; i < outIdxs.length; i++) {
-          outIdxs[i] = info.idx[order[i]];
-        }
-        return outIdxs;
-      }
-      return idxs.slice(0, limit);
-    }
-    return [];
-  };
-}
 
 var __defProp$x = Object.defineProperty;
 var __defProps$l = Object.defineProperties;
@@ -7010,108 +6973,6 @@ function containsSearchFilter(query) {
   return str.indexOf(SEARCH_FILTER_VARIABLE) > -1;
 }
 
-class SceneScopesBridge extends SceneObjectBase {
-  constructor() {
-    super(...arguments);
-    this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: ["scopes"] });
-    this._renderBeforeActivation = true;
-    this._contextSubject = new rxjs.BehaviorSubject(void 0);
-    this._pendingScopes = null;
-  }
-  getUrlState() {
-    var _a, _b, _c;
-    return {
-      scopes: (_c = this._pendingScopes) != null ? _c : ((_b = (_a = this.context) == null ? void 0 : _a.state.value) != null ? _b : []).map((scope) => scope.metadata.name)
-    };
-  }
-  updateFromUrl(values) {
-    var _a, _b;
-    let scopes = (_a = values["scopes"]) != null ? _a : [];
-    scopes = (Array.isArray(scopes) ? scopes : [scopes]).map(String);
-    if (!this.context) {
-      this._pendingScopes = scopes;
-      return;
-    }
-    (_b = this.context) == null ? void 0 : _b.changeScopes(scopes);
-  }
-  getValue() {
-    var _a, _b;
-    return (_b = (_a = this.context) == null ? void 0 : _a.state.value) != null ? _b : [];
-  }
-  subscribeToValue(cb) {
-    return this.contextObservable.pipe(
-      rxjs.filter((context) => !!context && !context.state.loading),
-      rxjs.pairwise(),
-      rxjs.map(
-        ([prevContext, newContext]) => {
-          var _a, _b;
-          return [(_a = prevContext == null ? void 0 : prevContext.state.value) != null ? _a : [], (_b = newContext == null ? void 0 : newContext.state.value) != null ? _b : []];
-        }
-      ),
-      rxjs.filter(([prevScopes, newScopes]) => !lodash.isEqual(prevScopes, newScopes))
-    ).subscribe(([prevScopes, newScopes]) => {
-      cb(newScopes, prevScopes);
-    });
-  }
-  isLoading() {
-    var _a, _b;
-    return (_b = (_a = this.context) == null ? void 0 : _a.state.loading) != null ? _b : false;
-  }
-  subscribeToLoading(cb) {
-    return this.contextObservable.pipe(
-      rxjs.filter((context) => !!context),
-      rxjs.pairwise(),
-      rxjs.map(
-        ([prevContext, newContext]) => {
-          var _a, _b;
-          return [(_a = prevContext == null ? void 0 : prevContext.state.loading) != null ? _a : false, (_b = newContext == null ? void 0 : newContext.state.loading) != null ? _b : false];
-        }
-      ),
-      rxjs.filter(([prevLoading, newLoading]) => prevLoading !== newLoading)
-    ).subscribe(([_prevLoading, newLoading]) => {
-      cb(newLoading);
-    });
-  }
-  setEnabled(enabled) {
-    var _a;
-    (_a = this.context) == null ? void 0 : _a.setEnabled(enabled);
-  }
-  setReadOnly(readOnly) {
-    var _a;
-    (_a = this.context) == null ? void 0 : _a.setReadOnly(readOnly);
-  }
-  updateContext(newContext) {
-    var _a, _b;
-    if (this._pendingScopes && newContext) {
-      setTimeout(() => {
-        newContext == null ? void 0 : newContext.changeScopes(this._pendingScopes);
-        this._pendingScopes = null;
-      });
-    }
-    if (this.context !== newContext || ((_a = this.context) == null ? void 0 : _a.state) !== (newContext == null ? void 0 : newContext.state)) {
-      const shouldUpdate = ((_b = this.context) == null ? void 0 : _b.state.value) !== (newContext == null ? void 0 : newContext.state.value);
-      this._contextSubject.next(newContext);
-      if (shouldUpdate) {
-        this.forceRender();
-      }
-    }
-  }
-  get context() {
-    return this._contextSubject.getValue();
-  }
-  get contextObservable() {
-    return this._contextSubject.asObservable();
-  }
-}
-SceneScopesBridge.Component = SceneScopesBridgeRenderer;
-function SceneScopesBridgeRenderer({ model }) {
-  const context = runtime.useScopes();
-  React.useEffect(() => {
-    model.updateContext(context);
-  }, [context, model]);
-  return null;
-}
-
 function getVariables(sceneObject) {
   var _a;
   return (_a = getClosest(sceneObject, (s) => s.state.$variables)) != null ? _a : EmptyVariableSet;
@@ -7255,10 +7116,6 @@ function findDescendents(scene, descendentType) {
   const targetScenes = findAllObjects(scene, isDescendentType);
   return targetScenes.filter(isDescendentType);
 }
-function getScopesBridge(sceneObject) {
-  var _a;
-  return (_a = findObject(sceneObject, (s) => s instanceof SceneScopesBridge)) != null ? _a : void 0;
-}
 
 const sceneGraph = {
   getVariables,
@@ -7275,8 +7132,7 @@ const sceneGraph = {
   findAllObjects,
   getAncestor,
   getQueryController,
-  findDescendents,
-  getScopesBridge
+  findDescendents
 };
 
 class UniqueUrlKeyMapper {
@@ -13030,10 +12886,6 @@ class SplitLayout extends SceneObjectBase {
 SplitLayout.Component = SplitLayoutRenderer;
 
 class SceneApp extends SceneObjectBase {
-  constructor() {
-    super(...arguments);
-    this._renderBeforeActivation = true;
-  }
   enrichDataRequest() {
     return {
       app: this.state.name || "app"
@@ -13041,10 +12893,8 @@ class SceneApp extends SceneObjectBase {
   }
 }
 SceneApp.Component = ({ model }) => {
-  const { pages, scopesBridge } = model.useState();
-  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, scopesBridge && /* @__PURE__ */ React__default["default"].createElement(scopesBridge.Component, {
-    model: scopesBridge
-  }), /* @__PURE__ */ React__default["default"].createElement(SceneAppContext.Provider, {
+  const { pages } = model.useState();
+  return /* @__PURE__ */ React__default["default"].createElement(SceneAppContext.Provider, {
     value: model
   }, /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Routes, null, pages.map((page) => /* @__PURE__ */ React__default["default"].createElement(reactRouterDom.Route, {
     key: page.state.url,
@@ -13052,7 +12902,7 @@ SceneApp.Component = ({ model }) => {
     element: /* @__PURE__ */ React__default["default"].createElement(page.Component, {
       model: page
     })
-  })))));
+  }))));
 };
 const SceneAppContext = React.createContext(null);
 const sceneAppCache = /* @__PURE__ */ new Map();
@@ -13407,21 +13257,6 @@ class SceneAppPage extends SceneObjectBase {
     super(state);
     this._sceneCache = /* @__PURE__ */ new Map();
     this._drilldownCache = /* @__PURE__ */ new Map();
-    this._activationHandler = () => {
-      if (!this.state.useScopes) {
-        return;
-      }
-      this._scopesBridge = sceneGraph.getScopesBridge(this);
-      if (!this._scopesBridge) {
-        throw new Error("Use of scopes is enabled but no scopes bridge found");
-      }
-      this._scopesBridge.setEnabled(true);
-      return () => {
-        var _a;
-        (_a = this._scopesBridge) == null ? void 0 : _a.setEnabled(false);
-      };
-    };
-    this.addActivationHandler(this._activationHandler);
   }
   initializeScene(scene) {
     this.setState({ initializedScene: scene });
@@ -14421,7 +14256,6 @@ exports.SceneObjectUrlSyncConfig = SceneObjectUrlSyncConfig;
 exports.SceneQueryRunner = SceneQueryRunner;
 exports.SceneReactObject = SceneReactObject;
 exports.SceneRefreshPicker = SceneRefreshPicker;
-exports.SceneScopesBridge = SceneScopesBridge;
 exports.SceneTimePicker = SceneTimePicker;
 exports.SceneTimeRange = SceneTimeRange;
 exports.SceneTimeRangeCompare = SceneTimeRangeCompare;