@grafana/scenes 5.3.6 → 5.4.0--canary.813.9776503756.0

package/dist/index.js

@@ -3409,61 +3409,13 @@ const getStyles$9 = (theme) => ({
   })
 });
 
-function getAdhocOptionSearcher(options) {
-  const ufuzzy = new uFuzzy__default["default"]();
-  const haystack = [];
-  const limit = 1e4;
-  return (search) => {
-    var _a;
-    if (search === "") {
-      if (options.length > limit) {
-        return options.slice(0, limit);
-      } else {
-        return options;
-      }
-    }
-    if (haystack.length === 0) {
-      for (let i = 0; i < options.length; i++) {
-        haystack.push((_a = options[i].label) != null ? _a : String(options[i].value));
-      }
-    }
-    const idxs = ufuzzy.filter(haystack, search);
-    const filteredOptions = [];
-    if (idxs) {
-      for (let i = 0; i < idxs.length; i++) {
-        filteredOptions.push(options[idxs[i]]);
-        if (filteredOptions.length > limit) {
-          return filteredOptions;
-        }
-      }
-      return filteredOptions;
-    }
-    if (options.length > limit) {
-      return options.slice(0, limit);
-    }
-    return options;
+function selectableValueToVariableValueOption(value) {
+  var _a;
+  return {
+    label: (_a = value.label) != null ? _a : String(value.value),
+    value: value.value
   };
 }
-
-function handleOptionGroups(values) {
-  const result = [];
-  const groupedResults = /* @__PURE__ */ new Map();
-  for (const value of values) {
-    const groupLabel = value.group;
-    if (groupLabel) {
-      let group = groupedResults.get(groupLabel);
-      if (!group) {
-        group = [];
-        groupedResults.set(groupLabel, group);
-        result.push({ label: groupLabel, options: group });
-      }
-      group.push(value);
-    } else {
-      result.push(value);
-    }
-  }
-  return result;
-}
 function keyLabelToOption(key, label) {
   return key !== "" ? {
     value: key,
@@ -3485,7 +3437,7 @@ function AdHocFilterRenderer({ filter, model }) {
   const keyValue = keyLabelToOption(filter.key, filter.keyLabel);
   const valueValue = keyLabelToOption(filter.value, filter.valueLabel);
   const optionSearcher = React.useMemo(
-    () => getAdhocOptionSearcher(values),
+    () => getOptionSearcher(values.map(selectableValueToVariableValueOption), void 0),
     [values]
   );
   const onValueInputChange = (value, { action }) => {
@@ -3494,10 +3446,7 @@ function AdHocFilterRenderer({ filter, model }) {
     }
     return value;
   };
-  const filteredValueOptions = React.useMemo(
-    () => handleOptionGroups(optionSearcher(valueInputValue)),
-    [optionSearcher, valueInputValue]
-  );
+  const filteredValueOptions = optionSearcher(valueInputValue);
   const valueSelect = /* @__PURE__ */ React__default["default"].createElement(ui.Select, {
     virtualized: true,
     allowCustomValue: true,
@@ -3874,7 +3823,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
     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);
+      return handleOptionGroups(dataFromResponse(override.values));
     }
     const ds = await this._dataSourceSrv.get(this.state.datasource, this._scopedVars);
     if (!ds || !ds.getTagValues) {
@@ -3896,7 +3845,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
     if (override) {
       values = values.concat(dataFromResponse(override.values));
     }
-    return values.map(toSelectableValue);
+    return handleOptionGroups(values);
   }
   _addWip() {
     this.setState({
@@ -3943,20 +3892,34 @@ const getStyles$7 = (theme) => ({
     paddingRight: theme.spacing(0.5)
   })
 });
-function toSelectableValue(input) {
-  const { text, value } = input;
-  const result = {
+function toSelectableValue({ text, value }) {
+  return {
     label: text,
     value: String(value != null ? value : text)
   };
-  if ("group" in input) {
-    result.group = input.group;
-  }
-  return result;
 }
 function isFilterComplete(filter) {
   return filter.key !== "" && filter.operator !== "" && filter.value !== "";
 }
+function handleOptionGroups(values) {
+  const result = [];
+  const groupedResults = /* @__PURE__ */ new Map();
+  for (const value of values) {
+    const groupLabel = value.group;
+    if (groupLabel) {
+      let group = groupedResults.get(groupLabel);
+      if (!group) {
+        group = [];
+        groupedResults.set(groupLabel, group);
+        result.push({ label: groupLabel, options: group });
+      }
+      group.push(toSelectableValue(value));
+    } else {
+      result.push(toSelectableValue(value));
+    }
+  }
+  return result;
+}
 
 class DataLayersMerger {
   constructor() {
@@ -9195,15 +9158,15 @@ class SceneRefreshPicker extends SceneObjectBase {
   }
   getUrlState() {
     return {
-      refresh: this.state.refresh
+      refresh: this.state.refresh !== "" ? this.state.refresh : void 0
     };
   }
   updateFromUrl(values) {
     const refresh = values.refresh;
-    if (refresh && typeof refresh === "string") {
-      this.setState({
-        refresh
-      });
+    if (typeof refresh === "string") {
+      this.setState({ refresh });
+    } else if (refresh == null) {
+      this.setState({ refresh: "" });
     }
   }
 }
@@ -11514,6 +11477,7 @@ const sceneUtils = {
   syncStateFromSearchParams,
   getUrlState,
   renderPrometheusLabelFilters,
+  safeStringifyValue,
   isAdHocVariable,
   isConstantVariable,
   isCustomVariable,