@fc-components/monaco-editor 0.1.1 → 0.1.2

package/dist/monaco-editor.esm.js

@@ -856,7 +856,7 @@ function makeSelector(metricName, labels, labelName) {
   var allLabelTexts = allLabels.map(function (label) {
     return "" + label.name + label.op + "\"" + escapeLabelValueInExactSelector(label.value) + "\"";
   });
-  return "{" + allLabelTexts.join(',') + "}";
+  return metricName + "{" + allLabelTexts.join(',') + "}";
 }
 
 var DEFAULT_SERIES_LIMIT = '40000';
@@ -1983,6 +1983,8 @@ function PromQLEditor(props) {
     value = props.value,
     placeholder = props.placeholder,
     interpolateString = props.interpolateString,
+    _props$enableAutocomp = props.enableAutocomplete,
+    enableAutocomplete = _props$enableAutocomp === void 0 ? true : _props$enableAutocomp,
     onChange = props.onChange,
     onShiftEnter = props.onShiftEnter,
     onBlur = props.onBlur;
@@ -2030,21 +2032,23 @@ function PromQLEditor(props) {
     });
     dataProviderRef.current = dataProvider;
     dataProvider.start();
-    var completionProvider = getCompletionProvider(monaco, dataProvider);
-    var filteringCompletionProvider = _extends({}, completionProvider, {
-      provideCompletionItems: function provideCompletionItems(model, position, context, token) {
-        var _editor$getModel;
-        if (((_editor$getModel = editor$1.getModel()) == null ? void 0 : _editor$getModel.id) !== model.id) {
-          return {
-            suggestions: []
-          };
+    if (enableAutocomplete) {
+      var completionProvider = getCompletionProvider(monaco, dataProvider);
+      var filteringCompletionProvider = _extends({}, completionProvider, {
+        provideCompletionItems: function provideCompletionItems(model, position, context, token) {
+          var _editor$getModel;
+          if (((_editor$getModel = editor$1.getModel()) == null ? void 0 : _editor$getModel.id) !== model.id) {
+            return {
+              suggestions: []
+            };
+          }
+          return completionProvider.provideCompletionItems(model, position, context, token);
         }
-        return completionProvider.provideCompletionItems(model, position, context, token);
-      }
-    });
-    var _monaco$languages$reg = languages.registerCompletionItemProvider(PROMQL_LANG_ID, filteringCompletionProvider),
-      dispose = _monaco$languages$reg.dispose;
-    autocompleteDisposeFun.current = dispose;
+      });
+      var _monaco$languages$reg = languages.registerCompletionItemProvider(PROMQL_LANG_ID, filteringCompletionProvider),
+        dispose = _monaco$languages$reg.dispose;
+      autocompleteDisposeFun.current = dispose;
+    }
     var updateElementHeight = function updateElementHeight() {
       var containerDiv = containerRef.current;
       if (containerDiv !== null) {
@@ -2067,7 +2071,6 @@ function PromQLEditor(props) {
     });
     // handle: shift + enter
     editor$1.addCommand(KeyMod.Shift | KeyCode.Enter, function () {
-      console.log(22222);
       onShiftEnter == null || onShiftEnter(editor$1.getValue());
     }, 'isEditorFocused' + id);
     if (placeholder) {