@grafana/scenes 5.29.0--canary.808.12180708409.0 → 5.29.0--canary.992.12182781434.0

package/dist/index.js

@@ -2617,7 +2617,16 @@ function VariableValueSelect({ model }) {
   });
 }
 function VariableValueSelectMulti({ model }) {
-  const { value, options, key, maxVisibleValues, noValueOnClear, includeAll, isReadOnly, allowCustomValue = true } = model.useState();
+  const {
+    value,
+    options,
+    key,
+    maxVisibleValues,
+    noValueOnClear,
+    includeAll,
+    isReadOnly,
+    allowCustomValue = true
+  } = model.useState();
   const arrayValue = React.useMemo(() => lodash.isArray(value) ? value : [value], [value]);
   const [uncommittedValue, setUncommittedValue] = React.useState(arrayValue);
   const [inputValue, setInputValue] = React.useState("");
@@ -3256,10 +3265,12 @@ function AdHocFilterRenderer({ filter, model }) {
   const [isOperatorOpen, setIsOperatorOpen] = React.useState(false);
   const [valueInputValue, setValueInputValue] = React.useState("");
   const [valueHasCustomValue, setValueHasCustomValue] = React.useState(false);
-  const [uncommittedValue, setUncommittedValue] = React.useState(filter.values ? filter.values.map((value, index) => {
-    var _a2;
-    return keyLabelToOption(value, (_a2 = filter.valueLabels) == null ? void 0 : _a2[index]);
-  }) : []);
+  const [uncommittedValue, setUncommittedValue] = React.useState(
+    filter.values ? filter.values.map((value, index) => {
+      var _a2;
+      return keyLabelToOption(value, (_a2 = filter.valueLabels) == null ? void 0 : _a2[index]);
+    }) : []
+  );
   const isMultiValue = isMultiValueOperator(filter.operator);
   const keyValue = keyLabelToOption(filter.key, filter.keyLabel);
   const valueValue = keyLabelToOption(filter.value, (_a = filter.valueLabels) == null ? void 0 : _a[0]);
@@ -3282,10 +3293,12 @@ function AdHocFilterRenderer({ filter, model }) {
       setUncommittedValue([]);
     } else if (!isMultiValueOperator(existingOperator) && isMultiValueOperator(newOperator) && filter.value) {
       update.values = [filter.value];
-      setUncommittedValue([{
-        value: filter.value,
-        label: (_b2 = (_a2 = filter.valueLabels) == null ? void 0 : _a2[0]) != null ? _b2 : filter.value
-      }]);
+      setUncommittedValue([
+        {
+          value: filter.value,
+          label: (_b2 = (_a2 = filter.valueLabels) == null ? void 0 : _a2[0]) != null ? _b2 : filter.value
+        }
+      ]);
     }
     model._updateFilter(filter, update);
   };
@@ -3564,10 +3577,7 @@ function deserializeUrlToFilters(value) {
 }
 function toArray(filter) {
   var _a;
-  const result = [
-    toUrlCommaDelimitedString(filter.key, filter.keyLabel),
-    filter.operator
-  ];
+  const result = [toUrlCommaDelimitedString(filter.key, filter.keyLabel), filter.operator];
   if (isMultiValueOperator(filter.operator)) {
     filter.values.forEach((value, index) => {
       var _a2;
@@ -3720,7 +3730,12 @@ const OptionsErrorPlaceholder = ({ handleFetchOptions }) => {
     onClick: handleFetchOptions
   }, "An error has occurred fetching labels. Click to retry");
 };
-const MultiValueApplyButton = ({ onApply, floatingElement, maxOptionWidth, menuHeight }) => {
+const MultiValueApplyButton = ({
+  onApply,
+  floatingElement,
+  maxOptionWidth,
+  menuHeight
+}) => {
   const styles = ui.useStyles2(getStyles$e);
   const floatingElementRect = floatingElement == null ? void 0 : floatingElement.getBoundingClientRect();
   return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -4077,6 +4092,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
   const [inputValue, setInputValue] = React.useState("");
   const [activeIndex, setActiveIndex] = React.useState(null);
   const [filterInputType, setInputType] = React.useState(!isAlwaysWip ? "value" : "key");
+  const [preventFiltering, setPreventFiltering] = React.useState(!isAlwaysWip && filterInputType === "value");
   const styles = ui.useStyles2(getStyles$c);
   const [filterMultiValues, setFilterMultiValues] = React.useState([]);
   const [_, setForceRefresh] = React.useState({});
@@ -4182,6 +4198,9 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
     const value = event.target.value;
     setInputValue(value);
     setActiveIndex(0);
+    if (preventFiltering) {
+      setPreventFiltering(false);
+    }
   }
   const handleRemoveMultiValue = React.useCallback(
     (item) => {
@@ -4193,7 +4212,9 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
     },
     [refs.domReference]
   );
-  const filteredDropDownItems = flattenOptionGroups(handleOptionGroups(optionsSearcher(inputValue, filterInputType)));
+  const filteredDropDownItems = flattenOptionGroups(
+    handleOptionGroups(optionsSearcher(preventFiltering ? "" : inputValue, filterInputType))
+  );
   if (allowCustomValue && filterInputType !== "operator" && inputValue) {
     filteredDropDownItems.push({
       value: inputValue.trim(),
@@ -4370,8 +4391,13 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
       var _a2;
       const valueLabel = value.label || value.value;
       setFilterMultiValues((prev) => prev.filter((item) => item.value !== value.value));
+      setPreventFiltering(true);
       setInputValue(valueLabel);
       (_a2 = refs.domReference.current) == null ? void 0 : _a2.focus();
+      setTimeout(() => {
+        var _a3;
+        (_a3 = refs.domReference.current) == null ? void 0 : _a3.select();
+      });
     },
     [refs.domReference]
   );
@@ -4401,6 +4427,10 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
       }
       if (!hasMultiValueOperator && populateInputOnEdit) {
         setInputValue((filter == null ? void 0 : filter.value) || "");
+        setTimeout(() => {
+          var _a3;
+          (_a3 = refs.domReference.current) == null ? void 0 : _a3.select();
+        });
       }
       (_b2 = refs.domReference.current) == null ? void 0 : _b2.focus();
     }
@@ -5264,9 +5294,7 @@ class SceneQueryRunner extends SceneObjectBase {
           })
         );
       }
-      this.subscribeToTimeRangeChanges(
-        timeRange
-      );
+      this.subscribeToTimeRangeChanges(timeRange);
       if (this.shouldRunQueriesOnActivate()) {
         this.runQueries();
       }